Logo Dark
Get In Touch

13 Most Popular Directus Extensions in 2025

28 February 2025

Web

Table of contents

Directus is an open-source data platform that provides a dynamic API layer for SQL databases. One of its standout features is its extensibility through extensions that enhance its functionality. These extensions can add new interfaces, custom endpoints, authentication methods, and more. Below are some of the most popular Directus extensions that developers commonly use.

1. Computed Interface

1
  • A Directus extension for automatically calculating the value of a field based on other fields of the same item, on the client side.
  • Support templating, arithmetic operations. Concat strings, sum, subtract, multiply, modulo, convert to slug, currency, etc.
  • Lightweight. No third-party libraries.
  • Can be used as an alias field.

Limitations

  • Calculation is performed on the client side, so it would not work if the item is created/updated via direct API calls or hooks.

Learn more -> Github Url

Example

2

How to use

  • Go to Settings, create a new field with type string or number.
  • In the Interface panel, choose Computed interface. There are 8 options:
    • Template: Similar to M2M interface, determine how the field is calculated. Learn more about syntax in the next section.
    • Field Mode: Choose how the value is displayed.
      • null: Default option. Show an input with the computed value but still allow manual editing.
      • Display Only: Show the computed value but will not save it to the database. Usually used for alias fields.
      • Read Only: Show an input with the computed value and disallow manual editing.
    • Prefix: a string to prefix the computed value.
    • Suffix: a string to suffix the computed value.
    • Custom CSS: a JSON object for inline style binding. Only works with Display Only and Read Only mode. You can use this option to customize the appearance of the computed value such as font size, color, etc. Example: {"color": "red", "font-size": "20px"}.
    • Debug Mode: Used for debugging the template. It will show an error message if the template is invalid. It will also log to console the result of each component of the template.
    • Compute If Empty: Compute the value if the field is empty. This is useful if you want a value to be computed once such as the created date or a unique ID.
    • Initial Compute: Compute the value when opening the form. This is useful if you want to compute a value based on the current date or other dynamic values.
3

2. Display Link

Display URLs as links

65

Features

  • Select any field type which has input.
  • Go to Display section
  • Type ( Benefits )
    • URL -> open in new tab shortcut
    • Telephone -> dial phone number shortcut
    • Email -> open email shortcut
    • Copy to clipboard
  • Prefix & Suffix option
    • show +91 for mobile number or https for url

Learn more -> Github Url

Example

4

3. Masked Interface

Input text string by template

7

How to use

The interface extension uses string and numeric types.

  1. Create new standard field with string type.
  2. For interface select Input Mask and pick a masking type.

Available masking types:

  • Template - simplified templating pattern
  • RegEx - uses regular expression for defining the pattern
  • Presets
    • URL
    • Email
    • IP Address (IPv4 templating pattern)
    • MAC Address (MAC address template using : as separators)
    • VIN
    • SIN

Learn more -> Github Url

Example

8

4. Currency Interface

9

How to use

  • Go to Settings, create a new field with type string or number.
  • In the Interface panel, choose Currency interface. There are 2 options:
    • Prefix: A string that will be prepended to the formatted value.
    • Suffix: A string that will be appended to the formatted value.

Learn more -> Github Link

Example

10

5. API Trigger Interface

11

How to use

  • Go to Settings, create a new field with type alias.
  • In the Interface panel, choose API Trigger interface. There are 2 options:
    • Layout: Display the button list vertically or horizontally.
    • Triggers: A list of trigger.
    • Label: label of the button
    • Size: size of the button
    • Type: style of the button
    • Icon: icon of the button
    • URL: API endpoint
    • Method: Method of the API call
    • Reload: If enabled, reload the browser if call succeeded
    • Disabled Conditions: disable the button if the conditions are met.
12

Learn more -> Github Url

Example

13

6. Dashboard Widgets

How to Use:

  •  Install: Add the widget extension via the Directus Marketplace or CLI.
  • Add Widgets: Navigate to your dashboard, click "Edit," then drag widgets from the sidebar.
  • Configure: Click a widget to link it to a dataset (e.g., sales metrics) and customize visuals (charts/tables).
  • Save: Refresh the dashboard to view real-time data.

Example: Create a "Monthly Revenue" line chart tied to your `transactions` collection.

7. Data Processors

How to Use:

  • Create Processor: Write a function (JavaScript/Python) to transform data (e.g., hashing passwords).
  • Register Hook: Use Directus' `event` hook to trigger the processor before/after data operations:
  • Test: Save a test item to see the processed output.

8. AI-Powered Content Recommendations

How to Use:

  • Install AI Extension: Connect to services like OpenAI via API keys.
  • Configure Model: Define datasets to analyze (e.g., `blog_posts` for tagging).
  • Enable Suggestions: In the content editor, AI recommendations (tags/titles) will appear in a sidebar.
  • Apply: Click suggestions to auto-populate fields.

9. GraphQL Enhancements

How to Use:

  • Enable Subscription Extension: Install and configure WebSocket endpoints.
  • Subscribe to Data: ```graphql subscription { posts_mutated { id title }}```
  • Optimize Queries: Enable caching in extension settings to reduce database load.

10. Blockchain & Web3 Integrations

How to Use:

  • Install Extension: Add a Web3 extension (e.g., Ethereum, Solana).
  • Link Smart Contracts: Enter contract ABI/address in settings.
  • Map Data: Configure collections to trigger blockchain actions (e.g., mint NFT on `items.create`).
  • Sign Transactions: Users approve actions via MetaMask integration.

11. Multi-Tenant & RBAC Extensions

How to Use:

  • Enable Multi-Tenancy: Assign `tenant_id` to collections during setup.
  • Create Roles: Define roles (e.g., `tenant_admin`, `user`) with permissions per tenant.
  • Isolate Data: Use row-level security to restrict access.
  • Example: Tenant A users only see their `invoices` collection.

12. No-Code Workflow Automation

How to Use:

  • Install Workflow Builder: Use the visual editor (like n8n).
  • Design Flow: Drag triggers (e.g., "New Form Submission") + actions (e.g., "Send Slack Alert").
  • Test & Deploy: Simulate triggers to validate, then activate the workflow.

13. Enhanced Security & Compliance

How to Use:

  • Enable Encryption: Toggle field-level encryption for sensitive data (e.g., `users.email`).
  • Run Compliance Scans: Schedule automated GDPR checks to flag PII exposure.
  • Generate Reports: Export audit logs for regulatory submissions.

Each extension is configured via Directus' Settings or code, balancing no-code flexibility with developer control. Always test in a staging environment first!

Conclusion

Directus extensions offer a powerful way to enhance functionality and customize workflows. Whether it’s improving user interfaces, integrating authentication, or automating processes, these extensions help make Directus more flexible and efficient for developers and businesses alike. In 2025, new AI-driven, blockchain-powered, and automation-focused extensions are setting the stage for even greater possibilities.

WRITTEN BY

Harsh Kansagara

Chief Operations Officer

Driven by memes and functional thinking, I excel at solving complex problems. With over a decade of experience in designing, crafting, and launching websites, mobile apps, and desktop apps, I bring a profound understanding of UI design, visual communication, and usability principles. πŸ’ͺ I'm constantly observing, learning, and building because the design isn't just a process; it's a comical dialogue between people and technology if you can hear it well. πŸ™Œ

More from this author

Making IT Possible

Making IT Possible

Making IT Possible

Making IT Possible

Making IT Possible

Making IT Possible

India (HQ)

201, iSquare Corporate Park, Science City Road, Ahmedabad-380060, Gujarat, India

Canada

24 Merlot Court, Timberlea, NS B3T 0C2, Canada

For Sales

[email protected]

Looking For Jobs

Apply Now

LinkedIn
Instagram
X
Facebook
Youtube
Discord
Dribbble
Behance
Github