

[38;5;12m                                                                               [39m[38;2;255;187;0m[1m[4mAwesome Directus [0m[38;5;14m[1m[4m![0m[38;2;255;187;0m[1m[4mAwesome[0m[38;5;14m[1m[4m (https://awesome.re/badge.svg)[0m[38;2;255;187;0m[1m[4m (https://awesome.re)[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mA curated list of awesome things related to Directus[39m

[38;5;14m[1mDirectus[0m[38;5;12m (https://directus.io) is a real-time API and App dashboard for managing SQL database content.[39m

[38;2;255;187;0m[4mContents[0m

[38;5;12m- [39m[38;5;14m[1mResources[0m[38;5;12m (#resources)[39m
[38;5;12m  - [39m[38;5;14m[1mOfficial[0m[38;5;12m (#official)[39m
[38;5;12m  - [39m[38;5;14m[1mCommunity[0m[38;5;12m (#community)[39m
[38;5;12m- [39m[38;5;14m[1mIntegration[0m[38;5;12m (#integration)[39m
[38;5;12m- [39m[38;5;14m[1mExtensions[0m[38;5;12m (#extensions)[39m
[38;5;12m  - [39m[38;5;14m[1mExtension Scripts[0m[38;5;12m (#extension-scripts)[39m
[38;5;12m  - [39m[38;5;14m[1mTools[0m[38;5;12m (#tools)[39m
[38;5;12m- [39m[38;5;14m[1mArticles[0m[38;5;12m (#articles)[39m
[38;5;12m  - [39m[38;5;14m[1mEducational[0m[38;5;12m (#educational)[39m
[38;5;12m  - [39m[38;5;14m[1mPersonal[0m[38;5;12m (#personal)[39m
[38;5;12m- [39m[38;5;14m[1mExamples / Showcases[0m[38;5;12m (#examples--showcases)[39m

[38;2;255;187;0m[4mResources[0m

[38;2;255;187;0m[4mOfficial[0m

[38;5;12m- [39m[38;5;14m[1mDocumentation[0m[38;5;12m (https://docs.directus.io/getting-started/introduction/)[39m
[38;5;12m- [39m[38;5;14m[1mGitHub Repository[0m[38;5;12m (https://github.com/directus/directus)[39m
[38;5;12m- [39m[38;5;14m[1mLive Discussions on Discord[0m[38;5;12m (https://directus.chat)[39m
[38;5;12m- [39m[38;5;14m[1mCommunity Help Board[0m[38;5;12m (https://github.com/directus/directus/discussions/categories/q-a)[39m
[38;5;12m- [39m[38;5;14m[1mVideo Tutorials on YouTube[0m[38;5;12m (https://www.youtube.com/c/DirectusVideos/featured)[39m
[38;5;12m- [39m[38;5;14m[1mCommunity Repositories[0m[38;5;12m (https://github.com/directus-community)[39m

[38;2;255;187;0m[4mCommunity[0m

[38;5;12m- [39m[38;5;14m[1mDirectus Extensions[0m[38;5;12m (https://directusextensions.com) - A searchable index of Directus extensions, themes, OSes, and more.[39m
[38;5;12m- [39m[38;5;14m[1mPortuguese YouTube Channel[0m[38;5;12m (https://www.youtube.com/c/DirectusBR)[39m

[38;2;255;187;0m[4mIntegration[0m

[38;5;12m- [39m[38;5;14m[1mOfficial JS SDK[0m[38;5;12m (https://www.npmjs.com/package/@directus/sdk) - The JS SDK provides an intuitive interface for the Directus API from within a JavaScript-powered project (Browsers and Node.js).[39m
[38;5;12m- [39m[38;5;14m[1mOfficial Gatsby Source Plugin[0m[38;5;12m (https://www.npmjs.com/package/@directus/gatsby-source-directus) - Source plugin for pulling data into Gatsby from a Directus API.[39m
[38;5;12m- [39m[38;5;14m[1mreact-directus[0m[38;5;12m (https://github.com/gremo/react-directus) - A set of React components and utilities for Directus Headless CMS.[39m
[38;5;12m- [39m[38;5;14m[1mFlutter SDK[0m[38;5;12m (https://pub.dev/packages/directus) - Flutter SDK to provide interface for Directus API.[39m
[38;5;12m- [39m[38;5;14m[1mPHP SDK[0m[38;5;12m (https://github.com/alantiller/directus-php-sdk) - PHP SDK to provide easy access to the Directus API.[39m
[38;5;12m- [39m[38;5;14m[1mLite SDK (TypeScript)[0m[38;5;12m (https://github.com/jacoborus/directus-lite-sdk) - Query builder for the Directus API (Browser, Deno, Node.js). Bring your own fetch.[39m
[38;5;12m- [39m[38;5;14m[1mNuxt Directus[0m[38;5;12m (https://github.com/directus-community/nuxt-directus) - First-Class Nuxt 3 Module for connecting with an Directus instance.[39m
[38;5;12m- [39m[38;5;14m[1mNuxtus[0m[38;5;12m (https://nuxtus.com) - Provides a Nuxt boilerplate and set of tools to automatically create Nuxt pages from Directus Collections.[39m
[38;5;12m- [39m[38;5;14m[1mcool-stack[0m[38;5;12m (https://github.com/tdsoftpl/cool-stack) - Template repository integrating Directus & Remix into a full-stack monorepo.[39m

[38;2;255;187;0m[4mExtensions[0m

[38;5;12m- [39m[38;5;14m[1mImage Scout[0m[38;5;12m (https://github.com/resauce-dev/directus-image-scout?ref=awesome-directus) - Search and select images found on a variety of royalty free image sites (Pexels, Pixabay, Unsplash & Giphy!).[39m
[38;5;12m- [39m[38;5;14m[1mEditor.js Interface[0m[38;5;12m (https://github.com/dimitrov-adrian/directus-extension-editorjs-interface) - Block editor (Editor.js) interface for Directus 9.[39m
[38;5;12m- [39m[38;5;14m[1mDraw Interface[0m[38;5;12m (https://github.com/jesusgp22/directus-draw-interface) - Free draw interface for Directus app.[39m
[38;5;12m- [39m[38;5;14m[1mUser-friendly file paths[0m[38;5;12m (https://gist.github.com/ToJans/fa18e2a7363edd24be6ad8dda2dd0232) - Use the folder and file module structure to reference to assets.[39m
[38;5;12m- [39m[38;5;14m[1mDate Picker Interface[0m[38;5;12m (https://github.com/u12206050/directus-9-date-picker-interface) - An alternative Date Picker Interface to the original Directus DateTime interface.[39m
[38;5;12m- [39m[38;5;14m[1mSearch Sync[0m[38;5;12m (https://github.com/dimitrov-adrian/directus-extension-searchsync) - Sync data into a search engine index, supports Algolia, ElasticSearch & MeiliSearch.[39m
[38;5;12m- [39m[38;5;14m[1mDictionary[0m[38;5;12m (https://github.com/georgexchelebiev/directus-dictionary) - Save key-value pairs as JSON blobs with a progress indicator for completeness.[39m
[38;5;12m- [39m[38;5;14m[1mWordPress-like Slug[0m[38;5;12m (https://github.com/dimitrov-adrian/directus-extension-wpslug-interface) - Slug/Permalink interface with support for pre- and suffixes.[39m
[38;5;12m- [39m[38;5;14m[1mLink Meta[0m[38;5;12m (https://github.com/dimitrov-adrian/directus-extension-linkmeta) - Stores hyperlink metadata into Directus.[39m
[38;5;12m- [39m[38;5;14m[1mGroup Modal[0m[38;5;12m (https://github.com/dimitrov-adrian/directus-extension-group-modal-interface) - Group interface fields into a modal that can be opened with a button.[39m
[38;5;12m- [39m[38;5;14m[1mDisplay Link[0m[38;5;12m (https://github.com/jacoborus/directus-extension-display-link) - Display URLs with an "open in new tab" button.[39m
[38;5;12m- [39m[38;5;14m[1mSQL Panel[0m[38;5;12m (https://github.com/harish2704/directus-sql-panel) - Panel component which shows result of stored SQL query as a table.[39m
[38;5;12m- [39m[38;5;14m[1mSVG Map Picker Interface[0m[38;5;12m (https://github.com/dimitrov-adrian/directus-extension-svgmap-picker-interface) - Select a value from a SVG Map box.[39m
[38;5;12m- [39m[38;5;14m[1mDirectus Mailer[0m[38;5;12m (https://github.com/ryntab/Directus-Mailer) - An endpoint for sending emails with the Directus Nodemailer service.[39m
[38;5;12m- [39m[38;5;14m[1mData Grid Interface[0m[38;5;12m (https://github.com/seymoe/directus-extension-vgrid-interface) - A data grid interface width [39m[48;5;235m[38;5;249m@revolist/vue3-datagrid[49m[39m[38;5;12m for Directus 9.[39m
[38;5;12m- [39m[38;5;14m[1mSparkLine Display[0m[38;5;12m (https://github.com/seymoe/directus-extension-sparkline-display) - A sparkline display with [39m[48;5;235m[38;5;249mapexcharts[49m[39m[38;5;12m for Directus 9.[39m
[38;5;12m- [39m[38;5;14m[1mTags M2M[0m[38;5;12m (https://github.com/dimitrov-adrian/directus-extension-tags-m2m-interface) - M2M driven tags interface.[39m
[38;5;12m- [39m[38;5;14m[1mSanitize HTML[0m[38;5;12m (https://github.com/licitdev/directus-extension-sanitize-html) - Sanitize HTML inputs to Directus.[39m
[38;5;12m- [39m[38;5;14m[1mDirectus LogSnag[0m[38;5;12m (https://github.com/Intevel/directus-logsnag) - Sending your events from Directus directly to your phone using LogSnag.[39m
[38;5;12m- [39m[38;5;14m[1mField Actions[0m[38;5;12m (https://github.com/utomic-media/directus-extension-field-actions) - Adds copy to clipboard and open URL's action-buttons to fields (interface + display).[39m
[38;5;12m- [39m[38;5;14m[1mGenerate Types[0m[38;5;12m (https://github.com/maltejur/directus-extension-generate-types) - Adds a module for generating typescript types for a Directus JS-SDK connected to that Directus database. Also can generate Python or OpenAPI types.[39m
[38;5;12m- [39m[38;5;14m[1mComputed Interface[0m[38;5;12m (https://github.com/rezo-labs/directus-extension-computed-interface) - Perform computed value based on other fields.[39m
[38;5;12m- [39m[38;5;14m[1mInline Form Interface[0m[38;5;12m (https://github.com/hanneskuettner/directus-extension-inline-form-interface) - Edit M2O relations in an inline form contained in the parent record.[39m
[38;5;12m- [39m[38;5;14m[1mTab Group Interface[0m[38;5;12m (https://github.com/hanneskuettner/directus-extension-group-tabs-interface) - Display groups as tab panels, as a pretty, space saving alternative to the accordion group.[39m
[38;5;12m- [39m[38;5;14m[1mWoodpecker Build Status[0m[38;5;12m (https://github.com/sguter90/directus-extension-woodpecker-build-status) - Adds status bar for [39m[38;5;14m[1mWoodpecker[0m[38;5;12m (https://woodpecker-ci.org/) pipeline build status to Directus UI.[39m
[38;5;12m- [39m[38;5;14m[1mImagga Hook[0m[38;5;12m (https://github.com/gbicou/directus-extension-imagga) - Hook for file uploads to automatically tag images with [39m[38;5;14m[1mImagga API[0m[38;5;12m (https://imagga.com/).[39m
[38;5;12m- [39m[38;5;14m[1mTiptap Interface & Display[0m[38;5;12m (https://github.com/gbicou/directus-extension-tiptap) - Tiptap rich text editor interface and display.[39m
[38;5;12m- [39m[38;5;14m[1mAPI Viewer[0m[38;5;12m (https://github.com/u12206050/directus-extension-api-viewer-module) - View and run API queries directly from a Module.[39m
[38;5;12m- [39m[38;5;14m[1mFlexible Editor[0m[38;5;12m (https://github.com/formfcw/directus-extension-flexible-editor) - A Rich Text Editor (WYSIWYG) with JSON output, that allows to integrate M2A relations to make it extremely flexible.[39m
[38;5;12m- [39m[38;5;14m[1mBlurHash[0m[38;5;12m (https://github.com/pixielabs/directus-extension-blurhash/) - A Directus extension that generates blurhashes for uploaded images.[39m
[38;5;12m- [39m[38;5;14m[1mMedia AI Bundle[0m[38;5;12m (https://github.com/Arood/directus-extension-media-ai-bundle) - Two operations to perform image description and OCR.[39m
[38;5;12m- [39m[38;5;14m[1mDirectus Copilot[0m[38;5;12m (https://github.com/programmarchy/directus-extension-copilot/) - A bundle including a panel to ask data-aware questions in a chat interface.[39m
[38;5;12m- [39m[38;5;14m[1mOpenAI Automatic Translation[0m[38;5;12m (https://github.com/timio23/directus-operation-auto-translate/) - An operaiton to automatically translate new items via OpenAI.[39m
[38;5;12m- [39m[38;5;14m[1mMachine Learning Operations[0m[38;5;12m (https://github.com/karamokoisrael/directus-hackathon-submission/) - A set of extensions to train, test and use machine learning models.[39m
[38;5;12m- [39m[38;5;14m[1mTab Group[0m[38;5;12m (https://github.com/formfcw/directus-extension-tab-group) - A group interface with a tab menu for toggling the visibility of fields within the group.[39m
[38;5;12m- [39m[38;5;14m[1mDrawer Notice[0m[38;5;12m (https://github.com/formfcw/directus-extension-drawer-notice) - A notice field that is only visible in the drawer.[39m
[38;5;12m- [39m[38;5;14m[1mClassified Group[0m[38;5;12m (https://github.com/formfcw/directus-extension-classified-group) - A group to which a class can be assigned for custom styling.[39m
[38;5;12m- [39m[38;5;14m[1mTokenized Preview[0m[38;5;12m (https://github.com/formfcw/directus-extension-tokenized-preview) - An endpoint that adds an active auth token to your preview URL.[39m
[38;5;12m- [39m[38;5;14m[1mUmami Analytics[0m[38;5;12m (https://github.com/egidiusmengelberg/directus-extension-umami) - Add Umami analytics to Directus.[39m

[38;2;255;187;0m[4mExtension Scripts[0m

[38;5;12m- [39m[38;5;14m[1mDirectus Hook Library[0m[38;5;12m (https://github.com/formfcw/directus-hook-library) - A collection of customizable hooks for Directus.[39m

[38;2;255;187;0m[4mTools[0m

[38;5;12m- [39m[38;5;14m[1mDirectus Sync[0m[38;5;12m (https://github.com/tractr/directus-sync) - A CLI tool for synchronizing the schema and configuration of Directus across various environments.[39m

[38;2;255;187;0m[4mArticles[0m

[38;2;255;187;0m[4mEducational[0m

[38;5;12m- [39m[38;5;14m[1mDirectus Guides (Official)[0m[38;5;12m (https://directus.io/guides/)[39m
[38;5;12m- [39m[38;5;14m[1mLearn Directus[0m[38;5;12m (https://learndirectus.com/)[39m
[38;5;12m- [39m[38;5;14m[1mHow to Work With Many to Many Relationships (M2M) On Directus[0m[38;5;12m (https://medium.com/@bianperotti/how-i-made-a-many-to-many-relationship-on-directus-b158ff55de7e)[39m
[38;5;12m- [39m[38;5;14m[1mCreating a Custom Panel in Directus With Chart.js[0m[38;5;12m (https://blog.eperedo.com/2023/02/14/custom-panel-directus-chart-js)[39m

[38;2;255;187;0m[4mPersonal[0m

[38;5;12m- [39m[38;5;14m[1mGet Started With Directus[0m[38;5;12m (https://medium.com/7span/no-code-backend-get-started-with-directus-7876bffdbd1d)[39m

[38;2;255;187;0m[4mExamples / Showcases[0m

[38;5;12mIf you're using Directus in an open source project, you're very welcome to link this project here.[39m

[38;5;12m- [39m[38;5;14m[1mOfficial Examples[0m[38;5;12m (https://github.com/directus/examples) - Integration examples with Directus.[39m
[38;5;12m- [39m[38;5;14m[1mNuxt 3 Demo[0m[38;5;12m (https://github.com/bryantgillespie/nuxt3-directus-starter) - Opinionated Nuxt 3 / Directus Starter with Tailwind CSS.[39m
[38;5;12m- [39m[38;5;14m[1mAgency OS[0m[38;5;12m (https://github.com/directus-community/agency-os) - Fully complete, opinionated agency website template featuring Nuxt and Directus. View [39m[38;5;14m[1mDemo[0m[38;5;12m (https://www.agencyos.dev/).[39m
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1mNextus[0m[38;5;12m [39m[38;5;12m(https://github.com/luochuanyuewu/nextus)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mA[39m[38;5;12m [39m[38;5;12mcomprehensive,[39m[38;5;12m [39m[38;5;12mversatile[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mmodern[39m[38;5;12m [39m[38;5;12mwebsite[39m[38;5;12m [39m[38;5;12mtemplate[39m[38;5;12m [39m[38;5;12mbased[39m[38;5;12m [39m[38;5;12mon[39m[38;5;12m [39m[38;5;12mNextjs[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mDirectus[39m[38;5;12m [39m[38;5;12mtechnologies.[39m[38;5;12m [39m[38;5;12mIt[39m[38;5;12m [39m[38;5;12mhelps[39m[38;5;12m [39m[38;5;12myou[39m[38;5;12m [39m[38;5;12mbuild[39m[38;5;12m [39m[38;5;12mvarious[39m[38;5;12m [39m[38;5;12mtypes[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mwebsites[39m[38;5;12m [39m[38;5;12mmore[39m[38;5;12m [39m[38;5;12mquickly.[39m[38;5;12m [39m[38;5;12mView[39m[38;5;12m [39m[38;5;14m[1mDemo[0m[38;5;12m [39m
[38;5;12m(https://nextus.vercel.app/en).[39m

[38;2;255;187;0m[4mContributing[0m

[38;5;12mContributions welcome! Read the [39m[38;5;14m[1mcontribution guidelines[0m[38;5;12m (contributing.md) first.[39m
