PatternStackPatternStack
PatternStack
fullstack • npm

Best Directus Packages

Build applications with Directus.

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

Analyze Your Directus ProjectView Directus Trends
1+
Projects Analyzed
996
Package Relationships
20
Top Packages

Top Directus Packages by Adoption

Ranked by usage across 1+ real Directus projects

1
@tresjs/core
npm
83%
adoption
2
three
npm
39.6M
weekly
83%
adoption
3
@types/three
npm
83%

How We Rank the Best Directus Packages

PatternStack analyzes 1+ 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 @tresjs/core (83% adoption), three (83%), and @types/three (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?

Open-Source Project 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.

adoption
4
jsdom
npm
21.6k
stars
315.1M
weekly
83%
adoption
5
ipaddr.js
npm
457.1M
weekly
83%
adoption
6
@vueuse/core
npm
22.3k
stars
31.5M
weekly
83%
adoption
7
@internationalized/date
npm
83%
adoption
8
@directus/schema-builder
npm
83%
adoption
9
vue-router
npm
4.6k
stars
27.8M
weekly
83%
adoption
10
diff
npm
9.2k
stars
468.8M
weekly
83%
adoption
11
@changesets/cli
npm
12.0k
stars
12.4M
weekly
83%
adoption
12
@types/nodemailer
npm
51.3k
stars
26.5M
weekly
83%
adoption
13
@pinia/testing
npm
83%
adoption
14
@editorjs/delimiter
npm
83%
adoption
15
@directus/extensions-sdk
npm
83%
adoption
16
@types/encodeurl
npm
83%
adoption
17
@types/codemirror
npm
83%
adoption
18
base-64
npm
83%
adoption
19
@directus/types
npm
83%
adoption
20
@editorjs/quote
npm
83%
adoption

Want personalized recommendations for your Directus project?

Get Personalized Recommendations
Vue
Strapi
Payload
Keystatic
Keystone
T3 Stack