awesome-directus

A curated list of awesome things related to Directus
https://github.com/directus-labs/awesome-directus

Last synced: 1 day ago
JSON representation

Resources
- Offical
- Official
- Community
  - Directus Extensions - A searchable index of Directus extensions, themes, OSes, and more.
  - Portuguese YouTube Channel
  - Directus Extensions - A searchable index of Directus extensions, themes, OSes, and more.
  - Portuguese YouTube Channel
Integration
- Community
  - Official Gatsby Source Plugin - Source plugin for pulling data into Gatsby from a Directus API.
  - Flutter SDK - Flutter SDK to provide interface for Directus API.
  - Nuxtus - Provides a Nuxt boilerplate and set of tools to automatically create Nuxt pages from Directus Collections.
  - react-directus - A set of React components and utilities for Directus Headless CMS.
  - PHP SDK - PHP SDK to provide easy access to the Directus API.
  - Lite SDK (TypeScript) - Query builder for the Directus API (Browser, Deno, Node.js). Bring your own fetch.
  - Nuxt Directus - First-Class Nuxt 3 Module for connecting with an Directus instance.
  - cool-stack - Template repository integrating Directus & Remix into a full-stack monorepo.
  - Nuxt Directus - First-Class Nuxt 3 Module for connecting with an Directus instance.
  - Official JS SDK - The JS SDK provides an intuitive interface for the Directus API from within a JavaScript-powered project (Browsers and Node.js).
Extensions
- Community
  - User-friendly file paths - Use the folder and file module structure to reference to assets.
  - Image Scout - Search and select images found on a variety of royalty free image sites (Pexels, Pixabay, Unsplash & Giphy!).
  - Editor.js Interface - Block editor (Editor.js) interface for Directus 9.
  - Draw Interface - Free draw interface for Directus app.
  - Date Picker Interface - An alternative Date Picker Interface to the original Directus DateTime interface.
  - Search Sync - Sync data into a search engine index, supports Algolia, ElasticSearch & MeiliSearch.
  - Dictionary - Save key-value pairs as JSON blobs with a progress indicator for completeness.
  - WordPress-like Slug - Slug/Permalink interface with support for pre- and suffixes.
  - Link Meta - Stores hyperlink metadata into Directus.
  - Group Modal - Group interface fields into a modal that can be opened with a button.
  - Display Link - Display URLs with an "open in new tab" button.
  - SQL Panel - Panel component which shows result of stored SQL query as a table.
  - SVG Map Picker Interface - Select a value from a SVG Map box.
  - Directus Mailer - An endpoint for sending emails with the Directus Nodemailer service.
  - Data Grid Interface - A data grid interface width `@revolist/vue3-datagrid` for Directus 9.
  - SparkLine Display - A sparkline display with `apexcharts` for Directus 9.
  - Tags M2M - M2M driven tags interface.
  - Sanitize HTML - Sanitize HTML inputs to Directus.
  - Directus LogSnag - Sending your events from Directus directly to your phone using LogSnag.
  - Field Actions - Adds copy to clipboard and open URL's action-buttons to fields (interface + display).
  - 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.
  - Computed Interface - Perform computed value based on other fields.
  - Inline Form Interface - Edit M2O relations in an inline form contained in the parent record.
  - Tab Group Interface - Display groups as tab panels, as a pretty, space saving alternative to the accordion group.
  - Woodpecker Build Status - Adds status bar for [Woodpecker](https://woodpecker-ci.org/) pipeline build status to Directus UI.
  - Imagga Hook - Hook for file uploads to automatically tag images with [Imagga API](https://imagga.com/).
  - Tiptap Interface & Display - Tiptap rich text editor interface and display.
  - API Viewer - View and run API queries directly from a Module.
  - Flexible Editor - A Rich Text Editor (WYSIWYG) with JSON output, that allows to integrate M2A relations to make it extremely flexible.
  - BlurHash - A Directus extension that generates blurhashes for uploaded images.
  - Media AI Bundle - Two operations to perform image description and OCR.
  - Directus Copilot - A bundle including a panel to ask data-aware questions in a chat interface.
  - OpenAI Automatic Translation - An operaiton to automatically translate new items via OpenAI.
  - Machine Learning Operations - A set of extensions to train, test and use machine learning models.
  - Tab Group - A group interface with a tab menu for toggling the visibility of fields within the group.
  - Drawer Notice - A notice field that is only visible in the drawer.
  - Classified Group - A group to which a class can be assigned for custom styling.
  - Tokenized Preview - An endpoint that adds an active auth token to your preview URL.
  - Umami Analytics - Add Umami analytics to Directus.
  - Auto generate file transformations - Automatically generate selected file transformations on upload
  - Directus Copilot - A bundle including a panel to ask data-aware questions in a chat interface.
  - OpenAI Automatic Translation - An operaiton to automatically translate new items via OpenAI.
  - Machine Learning Operations - A set of extensions to train, test and use machine learning models.
  - Dictionary - Save key-value pairs as JSON blobs with a progress indicator for completeness.
  - BlurHash - A Directus extension that generates blurhashes for uploaded images.
- Extension Scripts
  - Directus Hook Library - A collection of customizable hooks for Directus.
- Tools
  - Directus Sync - A CLI tool for synchronizing the schema and configuration of Directus across various environments.
Articles
- Educational
- Personal
  - Get Started With Directus
Examples / Showcases
- Personal
  - Nuxt 3 Demo - Opinionated Nuxt 3 / Directus Starter with Tailwind CSS.
  - Agency OS - Fully complete, opinionated agency website template featuring Nuxt and Directus. View [Demo](https://www.agencyos.dev/).
  - Nextus - A comprehensive, versatile and modern website template based on Nextjs and Directus technologies. It helps you build various types of websites more quickly. View [Demo](https://nextus.vercel.app/en).
  - Agency OS - Fully complete, opinionated agency website template featuring Nuxt and Directus. View [Demo](https://www.agencyos.dev/).
  - Official Examples - Integration examples with Directus.

Programming Languages

TypeScript 26 Vue 16 JavaScript 5 CSS 3 PHP 1

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

awesome-directus

Resources

Offical

Official

Community

Integration

Community

Extensions

Community

Extension Scripts

Tools

Articles

Educational

Personal

Examples / Showcases

Personal