JSPM

Collection of useful interfaces for Directus

View your Directus Api documentation within the App.

This is a custom filter & rule interface for Directus 9&10. It allows you to setup an interface with defined properties that users can then select and add values and conditions for.

My new Nuxt module

Perform computed value based on other fields

Directus SEO Extension enhance Directus with powerful SEO scoring and validator and AI SEO from ChatGPT

Exposition of Directus App Internals. Selection of Composables, __utils__ and utils from Directus app for use in extensions and other code that works in Directus App Studio. The version of this package uses semver with an additional '-app-n.n.n' to denote

This extension provides a simple and secure operation for Directus Flows to generate an HMAC-SHA256 hash from an input string and a secret key. It's perfect for creating signatures for API requests, verifying webhooks, or any other task requiring a keyed

### Screenshots 

Directus extension to create a screenshot image for each uploaded PDF document

Installs the Form Collection to your Directus project.

A Directus extensions that enables translating system emails via liquid.js template files and also the subject via the directus_translations table

Integration with omicall

Schedule interface with start and end date fields, automatic draft creation, and cron-like monitoring

Seamless SSO bridge between Hasura and Directus admin panel.

A presentation interface for displaying a field of a many-to-one field

Seed your Directus instance using upserts from .yaml files

A group interface with a tab menu for toggling the visibility of fields within the group

This is an extension providing the HTML panel for Directus - it aims to make displaying arbitrary HTML content inside Directus Insights dashboards possible.

Please enter a description for your extension

A Directus extension for generating and storing BlurHash strings, enhancing image loading visuals.

Directus ThumbHash Extension

This is an extension providing the Calculated Label component - a flexible Directus panel that can display calculated values.

As the name suggests a basic extension for upserting records in a single API call, it will check if the record exists and if so, update it, otherwise it will create it.

Directus Tools CLI.

Tiptap rich text editor interface and display for directus

An interface to select and display a video from YouTube, Vimeo or a local file from Directus

Override the Directus internal search system with a custom search filter - supports relationships. Fork of github:cmiteam/directus-extension-custom-search

Perform computed value based on other fields

View any OpenAPI Specification in your Directus and customize the appearance.

Directus interface extension to capture images from a webcam

Directus interface extension to preview external images

This extension modifies big images after upload to a preset maximum (width, height & quality).

Use DeepL's Translation API to translate text into over 30 languages.

An interface extension that allows easy picking of any month in a given year.

A wrapper around the Directus CLI to enhance its module resolution capabilities, allowing for more flexible and efficient management of dependencies in the Directus API/server.

Source data from directus v9.0.0 cms

This is a Directus extension providing a flexible panel that can display a time series chart based on calculated values with support for grouping and filtering.

This interface allows you to group fields into tabs within Directus

Brazilian PIX key extensions for Directus - Complete PIX key input with type selection and validation (CPF, CNPJ, Phone, Email)

Please enter a description for your extension

Get data from nested API queries.

Directus AG-Grid interface extension.

Sync directus schema between environments

Directus interface extension for selecting countries from a comprehensive dropdown list

search engine

An extension for pulling and pushing snapshot configurations between Directus environments.

[WIP] Toolkit to help you build your own custom extensions!

Sync data between multiple Directus instances

Directus Clone Files is a CLI tool that provides a way to sync files between two different projects

An interface extension for editing nested JSON data

Dropdown interface which supports M2O relationship

An extension for Directus that disallows the setting of public user registrations to enhance security and prevent spam accounts.

The official Directus9 SDK for use in JavaScript!

Sanitize HTML inputs with the [sanitize-html](https://www.npmjs.com/package/sanitize-html) package.

Perform computed value based on other fields

Fetch and view your organization's email to a given emailaddress

Display items in a gantt chart to plot timelines and dependencies.

Custom Telegram endpoint for Directus 11+.

Migrate selected user tables from the current source Directus instance to another target Directus instance.

Directus Tools CLI.

Find duplicates in Directus collections based on specified fields.

Directus panel component which shows result of stored SQL query as a table

A simple Rich Inline Editor to format short texts

A Directus interface for the Broadsheet Editor, a rich text editor based on Editor.js.

Add files upload/select interface that allows for folder, storage, and MIME type constraints.

A text input field that supports both manual text input and file drag & drop, automatically reading file content and filling it into the input field.

Sleek dark theme for Directus

Show all related items across selected collections.

Endpoint for transforming multipart/form-data or application/x-www-form-urlencoded to json for flow.

A Directus extension for generating hashes

Directus interface to refresh the item when item is updated

Silex plugin

This repository is a layout extension for Directus, that allows you to display items in a Kanban-style layout.

CleanCompactLight is a minimalist Directus theme that enhances UI compactness and component clarity, based on the default light theme.

Linotype website framework for Directus

An optimized display extension for multilingual content in Directus with advanced language selection and country mapping

A dark minimal theme for Directus

Organize and visualize collections of items in a clear, hierarchical tree structure. Improve navigation and understanding of relationships.

Use Clarifai to create captions for your image files.

Provide Save and Stay functionality as a button

Perform computed value based on other fields

An inline M2O form interface for Directus that fixes a bug in the original extension (https://github.com/hanneskuettner/directus-extension-inline-form-interface).

Harmonize Tailwind CSS color settings. Choose font pairings, spacing, shadows, colors and more. See README for how to use with shadcn and Nuxt UI.

TS Config used in Directus projects

Display a meter gauge for tracking progress inside Directus.

This interface adds a custom save and stay button avoiding the need to menu dive.

Use OpenAI, Claude, Meta and Mistral Text Generation APIs to generate text.

A Directus extension that provides a tree view (Interface) for one-to-many relationships like the one used by Notion.

Installs the Modal Collection to your Directus project.

Quantitative sentiment rating interface for Directus

A Directus slugify operation for Flows

Directus custom interface to save the item's last access time

A calendar panel for Directus

A rich text editor (WYSIWYG) with JSON output that allows the integration of M2A relations to make it extremely flexible.

Directus CMS extension to translate system emails (password reset, user registration and invitation)

A reusable Directus + GraphQL codegen library & CLI

Seeder for Directus is a simple package using knexjs and the directus API to seed directus with (dummy) data.

Expose Directus collections as global data in 11ty

Input with auto generate slug for model properties

Display formatted number by simple mask. Example ###,###,##.00 => 123,456,789.12

A powerful Directus extension module for managing translations with Excel-like inline editing, instant search, and multi-language support. Features include server-side pagination, batch saving, and a modern UI optimized for translation workflows.

Sends a message to a chat Telegram

> This extension is under development, it may take breaking changes.

Visulaizes a hierarchical table of webpages based on parent-child relationships, allowing users to intuitively explore and manage a site strcuture in Directus.

A mini framework that helps you build a Directus extension

Search YouTube videos and generate embed codes

Directus extension to call a Go function inside an internal app directly from a flow.

A rich text editor (WYSIWYG) with JSON output that allows the integration of M2A relations to make it extremely flexible.

Alternative <1Kb Directus SDK (TypeScript)

A Directus extension to fetch Google Places data

Solarized light theme for Directus

Write comments at the field level

WYSIWYG Interface Extension for Directus with an add/edit file link interface

Create and update collection records directly from the dashboard. Integrates well with relationship variable panels.

A directus extension with `@revolist/vue3-datagrid`, specify fixed columns to generate an editable table field.

[![npm version][npm-version-src]][npm-version-href] [![npm downloads][npm-downloads-src]][npm-downloads-href] [![License][license-src]][license-href] [![Nuxt][nuxt-src]][nuxt-href]

Duration display extension for [Directus](https://directus.io/).


Directus is a real-time API and App dashboard for managing SQL database content.

Grapesjs Directus Storage

Model context protocol server for Directus

Action button interface that allows sending any HTTP request for Directus 9

Gridsome Source Plugin to load data from Directus CMS

The official Localazy module extension for Directus

Display a clickable link in a Directus panel

Ensure uniqueness of slugs in Directus with workflows

Hourclock interface extension for [Directus](https://directus.io/).

Official installer for Echo CMS - Create Echo CMS projects with one command

workflow action

Nuxt module for automation between Nuxt and Directus.

Directus endpoint for gateway for stripe informations

Show comments in the form

An extension that integrates Meilisearch with Directus.

External JWT Directus Extension allow directus to trust tokens issued by an oauth2 or OIDC provider

Display URLs, phone numbers, and emails with a link button in Directus 9

An installer for Dockerized Directus + MySQL + Adminer + GraphQL Sandbox with a helper Node app

Hourclock module extension for [Directus](https://directus.io/).

input URL and height, displays an iframe using the URL

Transform your Directus CMS with intelligent automation, smart data interpretation, and natural language processing.

A Directus extension that provides MCP (Model Context Protocol) server functionality with HTTP streaming support, allowing any MCP client to connect to your Directus instance

Directus is a real-time API and App dashboard for managing SQL database content

Generates a language aware slug from texts.

Editor js block editor interface for directus

A small util that will scaffold a Directus extension.

Directus price input with localization support.

## 🚀 Quick start

Directus datepicker with localization support.

Requires Directus 10. May work on Directus 9 with some tweaking, YMMV.

Output data in a table and allow the user to select a record

View timelines for various items in Directus

Tool for installing extensions on Directus. Useful for installing extensions in pods in Kubernetes using the Directus image

Use OpenAI Vision models to find an image's focal points.

my custom components editor for directus

Serve files or an app with Directus by using filename or file paths.

A small util that will scaffold a Directus extension

Update data based on data from a related record

A custom Directus extension for handling phone numbers, providing an intuitive interface for input, validation, and formatting to ensure consistency and accuracy.

Based on the awesome [Flatpickr](https://flatpickr.js.org/) library.

When a collection data is deleted, created, or updated, it will trigger the scripts that builds the site for preview.

Okam Directus Extension

directus utilities commands

Custom operation to send messages with Firebase

A Directus extension bundle that adds a page views collection and dashboard to track page views.

Please enter a description for your extension

Extension for Directus to store DDF files in the database, used only by the Deconz Community

Kanboard Layout Extension for Directus: customize your Kanban boards.

Add a field to your collection for drawing sketches and ideas

Simple Directus extension that sets the serialized request body in the express request object.

View treemaps for items with aggregations.

Directus extension for viewing collections in timeline format

## Create sym link

Typesense admin interface and basic operations

A interface to pin hotspots to image

Directus interface for handling french company identifiers (SIRET, SIREN & VAT number)

Directus is a real-time API and App dashboard for managing SQL database content

Please enter a description for your extension

Custom operation to send emails with Nodemailer

Model Context Protocol server for Directus

Please enter a description for your extension

Translate content using DeepL Machine Translation when saving a translation field in any item.

Use Firecrawl's Web Scraping API to extract data from websites.

A directus display extension with `apexcharts`, display the data of the field as a chart.

Tiptap rich text editor interface and display for directus

Tableau Embedded Panel

Import Excel files (.xlsx) without headers and manually map them to Directus collections.

Block-styled editor for rich media stories, outputs clean data in JSON. More info at https://editorjs.io/

Custom operation for sending Telegram Messages

A CLI to generate TypeScript types for your directus schema.

Please enter a description for your extension

Adds a time zone field to the interface.

Extensão para módulo de visualização de conteúdo em iframes

Duration interface extension for [Directus](https://directus.io/).

A custom Directus extension for handling phone numbers, providing an intuitive interface for input, validation, and formatting to ensure consistency and accuracy.

Wellenplan hook extension for [Directus](https://directus.io/).

Use Deepgram's Speech Recognition API to generate transcripts from audio files.

Speech-to-text interface for Directus using OpenAI Whisper API

This extension enables effortlessly selecting the collections directly from the database within the Directus interface.

Intergrate Directus content with Meilisearch.

Uploads video's to cloudflare streams and attaches the cloudflare stream ID to the metadata

A custom interface for Directus that allows you to display result of your SQL queries in a table.

An extension to subscribe to directus updates over a websocket.

Iconify dropdown extension for Directus

Extensão do Directus para trabalhar com endereços do Brasil

Custom string formatter that converts any string into [Title Case](http://www.grammar-monster.com/lessons/capital_letters_title_case.htm)

Flexible and Fluent way to manage storage in Node.js.

Return RSS Feeds as JSON Objects in Flows

Extension for show map and grid list on Layout Directus

A Directus extension that adds a slugify operation for flows

[Treblle](https://treblle.com/) integration for [Directus](https://directus.io/), integrated as an extension in a form of hook, using `middlewares.after` event.

LoopBack 4 connector for Directus

Distilled Directus App Internals. Selection of Composables, __utils__ and utils from Directus app for use in extensions and other code that works in Directus App Studio. The version of this package uses semver with an additional '-app-n.n.n' to denote the

Tiptap rich text editor interface and display for directus

Directus is a real-time API and App dashboard for managing SQL database content

A dark 80s-inspired retro-futurstic theme.

Internal implementation of generic Directus methods to interact with Directus

A Directus extension that gzips (most) responses.

A small bundle of Flow Operations which enable interaction with the [OpenAI](https://beta.openai.com/overview) and [Stability](https://stability.ai/) API's.

Get remote audio metadata from directus flow

As the name suggests this extension will enable Randomized results mirroring the Directus `/items/:collection` endpoint.

Intergrate Directus content with OpenSearch.

Use Deepgram's Text Intelligence API to understand the meaning behind text.

Present a series of X and Y cooradinates as dots on a graph

Please enter a description for your extension

Format your date

Please enter a description for your extension

A directus extension with `@revolist/vue3-datagrid`, specify fixed columns to generate an editable table field.

A file freview interface.

Admin panels for inside of Directus

A dark theme emulating a retro green terminal.

Please enter a description for your extension

Image Scout is a Directus 9 interface that allowing you to search online image libraries for images.

Command line for Wepublish Editor 2

Slack's default aubergine theme

Document preview for file interface

Display data from API based on value.

Directus SDK for JavaScript (Node and Browser)

Directus source for Gridsome

Directus extension to fetch OpenAlex.org


The official Directus SDK for use in JavaScript!

A small installer util that will create a directory, add boilerplate folders, and install Directus through npm.

Export Directus items to markdown files with assets

Create the data model for directus programmatically

Please enter a description for your extension

Bundles a module and api endpoints Directus extenstions with SurveyJS to make the form creation and submission process easier

Please enter a description for your extension

Displays external image from URL entered into an input field