PatternStackPatternStack
PatternStack
fullstack • npm

Best Directus Packages

Build applications with Directus.

Rankings based on adoption rates from 13+ real Directus projects on GitHub.

Analyze Your Directus ProjectView Directus Trends
13+
Projects Analyzed
33,559
Package Relationships
20
Top Packages

Top Directus Packages by Adoption

Ranked by usage across 13+ real Directus projects

1
@directus/types
npm
83%
adoption
2
typescript
npm
108.7k
stars
721.5M
weekly
83%
adoption
3
@directus/sdk

How We Rank the Best Directus Packages

PatternStack analyzes 13+ real Directus projects on GitHub to determine which packages developers actually use in production. Unlike download counts or star counts alone, our rankings reflect co-occurrence patterns — which packages are used together in successful projects.

Each package is scored by adoption rate (how many Directus projects include it), confidence (how consistently it appears with other popular packages), and health (whether it has known security vulnerabilities or is deprecated).

Packages with unpatched CVEs are automatically excluded from rankings. Data refreshes continuously as new projects are synced, so you always see what developers are choosing now, not what was popular years ago.

The top Directus packages include @directus/types (83% adoption), typescript (83%), and @directus/sdk (83%). These form the core of most production Directus stacks.

Choosing Packages for Your Directus Project

When starting a new Directus project, the package choices you make early on shape your entire architecture. PatternStack helps you make informed decisions by showing what combinations work well together, based on real project data.

Instead of relying on blog posts or opinions, you can see exactly what percentage ofDirectus projects use each package and what they pair it with. This is especially valuable for choosing between alternatives — like deciding between ORMs, authentication libraries, or testing frameworks.

Explore More

Directus Trends

See which Directus packages are rising and declining

Compare Tools

PatternStack vs ChatGPT, npm trends, and more

Documentation

Set up PatternStack with Claude Code or Cursor

Pricing

Free to start, Pro for unlimited packages

Why PatternStack?

Crowdsourced Data

Rankings based on what real Directus projects actually use in production—not opinions.

Security Filtered

Packages with known CVEs are automatically filtered out. Ship with confidence.

Always Fresh

Data updates continuously. See what's being adopted now, not what was popular years ago.

Ready to Optimize Your Directus Project?

Connect your GitHub to get personalized package recommendations based on your specific stack and dependencies. Free to start.

Connect GitHub — FreeView Pricing

Explore Other Frameworks

Next.js
Nuxt
Astro
Remix
SvelteKit
Gatsby
SolidStart
Qwik
Angular

© 2026 PatternStack. Community-driven package intelligence.

npm
83%
adoption
4
@ngneat/falso
npm
83%
adoption
5
@types/wellknown
npm
83%
adoption
6
@vitest/coverage-v8
npm
16.4k
stars
75.2M
weekly
83%
adoption
7
@sindresorhus/slugify
npm
83%
adoption
8
@directus/tsconfig
npm
83%
adoption
9
vitest
npm
16.4k
stars
199.5M
weekly
83%
adoption
10
vue-tsc
npm
6.6k
stars
13.6M
weekly
83%
adoption
11
@vue/test-utils
npm
1.1k
stars
10.6M
weekly
83%
adoption
12
@vueuse/core
npm
22.1k
stars
21.6M
weekly
83%
adoption
13
vue
npm
53.6k
stars
46.5M
weekly
83%
adoption
14
@directus/utils
npm
83%
adoption
15
@directus/constants
npm
83%
adoption
16
pinia
npm
14.5k
stars
12.6M
weekly
83%
adoption
17
ofetch
npm
83%
adoption
18
@vitejs/plugin-vue
npm
652
stars
22.7M
weekly
83%
adoption
19
@ai-sdk/vue
npm
83%
adoption
20
@joeattardi/emoji-button
npm
83%
adoption

Want personalized recommendations for your Directus project?

Get Personalized Recommendations
Vue
Strapi
Payload
Keystatic
Keystone
T3 Stack