---
title: "Custom Filters"
slug: "custom-filters"
updated: 2025-02-28T16:31:04Z
published: 2025-02-28T16:31:04Z
canonical: "learn.servitly.com/custom-filters"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://learn.servitly.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Custom Filters

By entering the [Interfaces / Components](/docs/components) page, you will find a special component called *Custom Filters,* this is the place where you can add a new JavaScript function, a new filter, or a new variant of an existing filter to your DPS application.

![](https://cdn.document360.io/6759e9c9-3ce3-49df-965a-7231d2d9a10a/Images/Documentation/image(730).png)

Click on the *EDIT CUSTOM CODE* button, a code area will allow you to write the JavaScript code that will be loaded together with the other components (e.g. built-in filters).

![](https://cdn.document360.io/6759e9c9-3ce3-49df-965a-7231d2d9a10a/Images/Documentation/image(731).png)

> [!WARNING]
> The *Custom Filters* component is designed to add simple JS functions, or register simple filter variants.
> 
> If you plan to define reusable and more complex components, we suggest you take a look at the [Components Manager](/docs/components-manager-reference).