# Made with Directus — full catalog

> A curated, daily-updated gallery of the best open-source projects built with Directus, ranked by GitHub stars. Discover dashboards, UI kits, e-commerce, blogs and dev tools.

## About

- Gallery: https://madewithwhat.net/directus/
- Curated summary: https://madewithwhat.net/directus/llms.txt
- Projects indexed: 99
- Data source: GitHub (refreshed daily)
- Last scraped: 2026-07-22T09:29:07.523165+00:00

## DevTools (58)

- [directus-sync](https://madewithwhat.net/directus/project/directus-sync/): A CLI tool for synchronizing the schema and configuration of Directus across various environments. (459 stars, GPL-3.0)
- [nuxt-directus](https://madewithwhat.net/directus/project/nuxt-directus/): Easily integrate Directus to your Nuxt application. (316 stars, MIT)
- [directus-extension-computed-interface](https://madewithwhat.net/directus/project/directus-extension-computed-interface/): Perform computed value based on other fields (226 stars, GPL-3.0)
- [directus-extension-flexible-editor](https://madewithwhat.net/directus/project/directus-extension-flexible-editor/): A rich text editor (WYSIWYG) with JSON output that allows the integration of M2A relations to make it extremely flexible. A truly rich editor for Directus. (209 stars, GPL-3.0)
- [directus-extension-editorjs-interface](https://madewithwhat.net/directus/project/directus-extension-editorjs-interface/): Block editor (Editor.js) interface for Directus 9 (187 stars, GPL-3.0)
- [directus-extension-schema-management-module](https://madewithwhat.net/directus/project/directus-extension-schema-management-module/): UI to easily share schema/role between Directus apps (166 stars, GPL-3.0)
- [directus-extension-searchsync](https://madewithwhat.net/directus/project/directus-extension-searchsync/): Simple Directus 9 extension that sync content with remote search engine. (120 stars, MIT)
- [directus-extension-wpslug-interface](https://madewithwhat.net/directus/project/directus-extension-wpslug-interface/): WordPress alike slug interface for Directus 9 (100 stars, GPL-3.0)
- [directus-extension-board-layout](https://madewithwhat.net/directus/project/directus-extension-board-layout/): A project worth exploring. (84 stars, GPL-3.0)
- [directus-extension-tiptap](https://madewithwhat.net/directus/project/directus-extension-tiptap/): Tiptap rich text editor interface and display for directus (72 stars, MIT)
- [directus-extension-display-link](https://madewithwhat.net/directus/project/directus-extension-display-link/): Display URLs, emails and phone numbers as links in Directus (67 stars)
- [directus-extension-grid-layout](https://madewithwhat.net/directus/project/directus-extension-grid-layout/): Directus Extension to display items as grid with customizable, flexible display. (66 stars)
- [directus-extension-group-modal-interface](https://madewithwhat.net/directus/project/directus-extension-group-modal-interface/): Group fields into modal dialog, accessible via button. (64 stars, GPL-3.0)
- [directus-sdk-typegen](https://madewithwhat.net/directus/project/directus-sdk-typegen/): CLI and library to generate TypeScript types from Directus collections for use with Directus SDK. (60 stars, MIT)
- [nuxt-directus](https://madewithwhat.net/directus/project/nuxt-directus/): Unofficial Directus client for Nuxt (51 stars, MIT)
- [directus-conditional-fields](https://madewithwhat.net/directus/project/directus-conditional-fields/): An interface to manage directus fields in the administration panel (45 stars, GPL-3.0)
- [directus-extension-custom-query-panel](https://madewithwhat.net/directus/project/directus-extension-custom-query-panel/): An easy to use insight panel to see custom raw query data from database (43 stars)
- [helm-chart](https://madewithwhat.net/directus/project/helm-chart/): Directus Community Helm Chart (42 stars)
- [directus-extension-api-trigger-interface](https://madewithwhat.net/directus/project/directus-extension-api-trigger-interface/): Trigger API calls from the UI (41 stars, GPL-3.0)
- [directus-dictionary](https://madewithwhat.net/directus/project/directus-dictionary/): Dictionary interface adding key/value pairs field support. (41 stars)
- [indirectus](https://madewithwhat.net/directus/project/indirectus/): A project worth exploring. (37 stars)
- [directus-extension-svgmap-picker-interface](https://madewithwhat.net/directus/project/directus-extension-svgmap-picker-interface/): Select a value from a SVG Map box (35 stars, GPL-3.0)
- [directus-interface-uuid-file-image](https://madewithwhat.net/directus/project/directus-interface-uuid-file-image/): Interface for your UUID fields to attach file/image from media library, in JSON repeater for example (35 stars)
- [directus-cf-cache](https://madewithwhat.net/directus/project/directus-cf-cache/): Cache and limit direct access to the data managed on your Directus instance, powered by Cloudflare Workers, Workers KV and Cloudflare Pages. (31 stars, MIT)
- [directus-extension-sql-panel](https://madewithwhat.net/directus/project/directus-extension-sql-panel/): This is a custom interface for Directus that allows you to display result of your SQL queries in a table (30 stars, MIT)
- [directus-extension-linkmeta](https://madewithwhat.net/directus/project/directus-extension-linkmeta/): Directus 9 extension that stores link metadata using Open Graph, JSON+LD, oEmbed or HTML metadata (28 stars, GPL-3.0)
- [directus-hook-library](https://madewithwhat.net/directus/project/directus-hook-library/): A collection of customizable hooks for Directus (28 stars, GPL-3.0)
- [dna](https://madewithwhat.net/directus/project/dna/): Start a new webapp with fullstack typesafety, with Directus providing the database sdk to Nest & React/Svelte (27 stars)
- [directus-py-sdk](https://madewithwhat.net/directus/project/directus-py-sdk/): A Python SDK for Directus (25 stars, MIT)
- [directus-interface-qrcode](https://madewithwhat.net/directus/project/directus-interface-qrcode/): A simple Directus 9 Interface Extension. Allows to scan and generate QR-Codes. (24 stars, GPL-3.0)
- [py-directus](https://madewithwhat.net/directus/project/py-directus/): py-directus is a Python wrapper for asynchronous interaction with the Directus headless CMS API. It provides a convenient and easy-to-use interface for performing CRUD operations, querying data, and managing resources in Directus. (24 stars, MIT)
- [directus-extension-currency-interface](https://madewithwhat.net/directus/project/directus-extension-currency-interface/): Better input experience for currency (23 stars, GPL-3.0)
- [directus-logsnag](https://madewithwhat.net/directus/project/directus-logsnag/): Easily get notified when something in Directus happens. (23 stars, MIT)
- [directus-extension-comment-interface](https://madewithwhat.net/directus/project/directus-extension-comment-interface/): Show comments in the form (23 stars, GPL-3.0)
- [terraform-aws-directus](https://madewithwhat.net/directus/project/terraform-aws-directus/): This repository allows you to deploy Directus in AWS using Terraform following AWS Best Practises. (21 stars, MIT)
- [directus-lite-sdk](https://madewithwhat.net/directus/project/directus-lite-sdk/): The unofficial Directus Lite SDK in less than 1Kb (20 stars, MIT)
- [directus-init](https://madewithwhat.net/directus/project/directus-init/): Directus Init is a preconfigured Directus install with PostgreSQL - intended for extension development or self-hosting (19 stars, MIT)
- [directus-extensions](https://madewithwhat.net/directus/project/directus-extensions/): SSR renders your own Vue/Vite Application into an self-hosted Directus Instance. (18 stars)
- [directus-extension-human-readable-id](https://madewithwhat.net/directus/project/directus-extension-human-readable-id/): A Directus v10+ extension (interface) for generating human-readable ids for text fields (17 stars)
- [directus-backup-operation](https://madewithwhat.net/directus/project/directus-backup-operation/): Custom operation to backup the PG database and upload the.dump to Directus. (17 stars)
- [directus-extensions](https://madewithwhat.net/directus/project/directus-extensions/): Collection of Directus extensions (17 stars, MIT)
- [directus-extension-m2o-presentation-interface](https://madewithwhat.net/directus/project/directus-extension-m2o-presentation-interface/): A presentation interface for displaying a field of a many-to-one field (17 stars, GPL-3.0)
- [directus-sdk-python](https://madewithwhat.net/directus/project/directus-sdk-python/): Python SDK for directus client with convenience functions (16 stars, MIT)
- [directus-extension-imagga](https://madewithwhat.net/directus/project/directus-extension-imagga/): Automatic image tagging of Directus files with Imagga API (16 stars, MIT)
- [directus-extension-publish-netlify](https://madewithwhat.net/directus/project/directus-extension-publish-netlify/): A Directus v9 extension (module & endpoints) for initiating a Netlify build from within the Directus app. (16 stars)
- [directus-metalsmith-snipcart](https://madewithwhat.net/directus/project/directus-metalsmith-snipcart/): Lookbook web app with Directus' open source headless CMS, Metalsmith, Vue.js & Snipcart (15 stars)
- [directus-railway](https://madewithwhat.net/directus/project/directus-railway/): Starter to deploy Directus on railway (15 stars)
- [directus-extension-blurhasher](https://madewithwhat.net/directus/project/directus-extension-blurhasher/): Generate and store BlurHash strings for images upon upload in Directus, enhancing visual loading experiences. (15 stars, Apache-2.0)
- [directus-extension-stripe](https://madewithwhat.net/directus/project/directus-extension-stripe/): A Directus extension that supports building flows for Stripe webhooks (15 stars, MIT)
- [directus-extension-tab-group](https://madewithwhat.net/directus/project/directus-extension-tab-group/): A group interface with a tab menu for toggling the visibility of fields within the group. (14 stars, GPL-3.0)
- [directus-extension-publish-node](https://madewithwhat.net/directus/project/directus-extension-publish-node/): A Directus v9 extension (module & endpoint) for initiating a node-based build of a locally-installed site from within the Directus app. (14 stars)
- [directus-version-control-changelog](https://madewithwhat.net/directus/project/directus-version-control-changelog/): A Directus hook extension to push user written change summaries (from a singleton collection text field) to a changelog in a VCS server (14 stars, Apache-2.0)
- [directus-extension-pdf-builder](https://madewithwhat.net/directus/project/directus-extension-pdf-builder/): A Directus flow operation to generate PDF documents with PDFMake. (13 stars, MIT)
- [directus-extension-classified-group](https://madewithwhat.net/directus/project/directus-extension-classified-group/): A group to which a class can be assigned for custom styling (13 stars, GPL-3.0)
- [directus-display-qrcode](https://madewithwhat.net/directus/project/directus-display-qrcode/): A simple Directus 9 Display extension. Allows to display and download QR-Codes. (11 stars, GPL-3.0)
- [directus-extension-drawer-notice](https://madewithwhat.net/directus/project/directus-extension-drawer-notice/): A notice field that is only visible in the drawer. (10 stars, GPL-3.0)
- [render](https://madewithwhat.net/directus/project/render/): Implante o Directus em segundos com nosso botão de deploy simplificado – comece a gerenciar seu conteúdo de forma eficaz sem a complicação da configuração do servidor (10 stars, Apache-2.0)
- [drcts](https://madewithwhat.net/directus/project/drcts/): Directus Data Model CLI to migrate schemas from one instance to an other without the need for a server component. (10 stars, GPL-3.0)

## Dashboards (8)

- [next-directus-auth-ts](https://madewithwhat.net/directus/project/next-directus-auth-ts/): Template for project structure with nextjs 14 - next auth - directus and typescript (65 stars, MIT)
- [StackSync](https://madewithwhat.net/directus/project/stacksync/): Manage your Paystack integration from your Directus application. (36 stars, MIT)
- [directus-extension-admin-panels](https://madewithwhat.net/directus/project/directus-extension-admin-panels/): Panels that will help any Directus admin (36 stars)
- [directus-panel-manual-flows](https://madewithwhat.net/directus/project/directus-panel-manual-flows/): Place your manual flows together in a convenient panel on your dashboard (30 stars, MIT)
- [directus-panel-internal-chat](https://madewithwhat.net/directus/project/directus-panel-internal-chat/): Native internal chat panel for communicating with other users from a dashboard. (26 stars, MIT)
- [directus-extension-bundle-api-fetch](https://madewithwhat.net/directus/project/directus-extension-bundle-api-fetch/): Connect to the 3rd-party api's, then add them to your configured collection. (13 stars)
- [directus-extension-deepl-translator](https://madewithwhat.net/directus/project/directus-extension-deepl-translator/): A directus panel extension for translation (11 stars)
- [directus-extension-bundle-systeminfo](https://madewithwhat.net/directus/project/directus-extension-bundle-systeminfo/): A Directus Extension Bundle with a Panel for System Informations of the directus instance. (11 stars)

## UI Kits (7)

- [agency-os](https://madewithwhat.net/directus/project/agency-os/): The open source operating system for digital agencies. Built with Directus and Nuxt. (955 stars, MIT)
- [react-directus](https://madewithwhat.net/directus/project/react-directus/): A set of React components and utilities for Directus Headless CMS (135 stars, ISC)
- [directus-themebuilder](https://madewithwhat.net/directus/project/directus-themebuilder/): A Theme Builder for Directus (46 stars, MIT)
- [directus-sql-panel](https://madewithwhat.net/directus/project/directus-sql-panel/): Directus panel component which shows result of stored SQL query as a table (18 stars, MIT)
- [directus-super-table](https://madewithwhat.net/directus/project/directus-super-table/): Powerful table layout extension for Directus 11+ featuring inline editing, quick filters with colors & icons, bookmarks, translation support, manual sorting with drag & drop, and advanced cell renderers (15 stars, MIT)
- [directus-starter](https://madewithwhat.net/directus/project/directus-starter/): Directus starter for Nuxt 3 (12 stars, MIT)
- [app](https://madewithwhat.net/directus/project/app/): Turborepo for building SSR Astro websites & components in isolation with Storybook using Supabase for Data & Directus as CMS (12 stars, MIT)

## Templates (7)

- [directus-extension-masked-interface](https://madewithwhat.net/directus/project/directus-extension-masked-interface/): Masked input interface extension for Directus 9 (61 stars, GPL-3.0)
- [directus-fly](https://madewithwhat.net/directus/project/directus-fly/): Starter to deploy Directus on fly.io (51 stars)
- [directed-stack](https://madewithwhat.net/directus/project/directed-stack/): Directus + Remix full-stack starter (40 stars, MIT)
- [cool-stack](https://madewithwhat.net/directus/project/cool-stack/): Ice-cool Remix + Directus starter template. (35 stars)
- [directus-project-with-extensions-quickstart](https://madewithwhat.net/directus/project/directus-project-with-extensions-quickstart/): Directus NodeJS Project with Extensions Quickstart (26 stars)
- [Directus-Next-Starter](https://madewithwhat.net/directus/project/directus-next-starter/): Quickstart for Directus / Next.js / Tailwind Css stack (25 stars, ISC)
- [next-js-directus-starter](https://madewithwhat.net/directus/project/next-js-directus-starter/): A Next Js 13 with App router starter web app with Directus as a headless Cms and tailwind css for styling. This will include examples for common uses like authentication, data fetching, web sockets, file uploads, and more. Follow along on Twitter for updates. (13 stars)

## Blogs (5)

- [directus-extension-field-actions](https://madewithwhat.net/directus/project/directus-extension-field-actions/): Add advanced link & copy functionalities to your directus fields. Supports interfaces as well as displays. (108 stars, GPL-3.0)
- [blog](https://madewithwhat.net/directus/project/blog/): A blog and video hosting site leveraging Astro, Directus, Mux, Lanyard, shadcn/ui and Tailwind CSS hosted on Cloudflare. (71 stars)
- [directus-schema-presets](https://madewithwhat.net/directus/project/directus-schema-presets/): Schema Presets for Directus Schema Management Module (51 stars, GPL-3.0)
- [directus-expandable-blocks](https://madewithwhat.net/directus/project/directus-expandable-blocks/): Advanced M2A interface for Directus with inline expandable editing, drag & drop sorting, and native save integration - no custom API calls needed (25 stars, MIT)
- [directus-extension-upload-limiter](https://madewithwhat.net/directus/project/directus-extension-upload-limiter/): Track data of file uploads / deletions on user base (10 stars)

## APIs (4)

- [directus-image-scout](https://madewithwhat.net/directus/project/directus-image-scout/): Looking to spruce up your projects with stunning visuals? Meet Image Scout, your Directus companion! Search through a world of endless images with providers that include Pexels, Pixabay, Unsplash, and Giphy! (Confirmed Support for v10-10.6.1) (138 stars, GPL-3.0)
- [directus-extension-api-docs](https://madewithwhat.net/directus/project/directus-extension-api-docs/): directus extension for swagger interface and custom endpoints definitions and validations (45 stars, MIT)
- [directus_api_manager](https://madewithwhat.net/directus/project/directus-api-manager/): Dart & Flutter library to communicate with a Directus REST API (30 stars, BSD-3-Clause)
- [nextjs-directus-vps-config](https://madewithwhat.net/directus/project/nextjs-directus-vps-config/): Guide deploying Next.js and Directus fullstack app on VPS with simple CI/CD (27 stars)

## AI & ML (3)

- [directus-extension-copilot](https://madewithwhat.net/directus/project/directus-extension-copilot/): A Directus extension that provides an Insights panel and API endpoint allowing you to chat with your data using OpenAI. (86 stars, Apache-2.0)
- [directus-extension-media-ai-bundle](https://madewithwhat.net/directus/project/directus-extension-media-ai-bundle/): A collection of media-related AI extensions for Directus. (62 stars, MIT)
- [directus-operation-auto-translate](https://madewithwhat.net/directus/project/directus-operation-auto-translate/): Use ChatGPT language models to automatically translate your content through Directus Flows! (47 stars, MIT)

## Docs (2)

- [directus-extension-tags-m2m-interface](https://madewithwhat.net/directus/project/directus-extension-tags-m2m-interface/): M2M driven tagging interface for Directus 9 (82 stars, GPL-3.0)
- [docs](https://madewithwhat.net/directus/project/docs/): Documentation website for Directus, including quick starts, guides, and tutorials. (22 stars)

## Real-time (2)

- [directus-railway](https://madewithwhat.net/directus/project/directus-railway/): Directus (Docker + extensions + websocket) + PostGIS (Docker & TCP) + S3 (20 stars)
- [live-editor](https://madewithwhat.net/directus/project/live-editor/): Live Editor: Headless real-time frontend content editing for instant, seamless updates. (13 stars, MIT)

## E-commerce (1)

- [directus-stripe](https://madewithwhat.net/directus/project/directus-stripe/): Receive payments on your Directus commerce application using Stripe. (18 stars)

## Mobile (1)

- [directus-expo](https://madewithwhat.net/directus/project/directus-expo/): Directus Mobile app for ios/android (14 stars)

## Authentication (1)

- [directus-extension-tokenized-preview](https://madewithwhat.net/directus/project/directus-extension-tokenized-preview/): An endpoint that adds an active auth token to your preview URL (12 stars, GPL-3.0)