Tools
Tools
Resources
GitHub repositories and specs that power Foundry — plus peer design systems worth studying.
How Foundry uses the ecosystem
Core stack
shadcn/ui
Component patterns Foundry’s primitives follow (Radix + Tailwind + CVA).
Radix Primitives
Accessible headless primitives under dialogs, menus, selects, and more.
Lucide
Default icon set — stroke icons, consistent size, tree-shakeable.
Framer Motion
Production motion for presence, layout, gestures, and springs.
three.js
WebGL engine powering Foundry’s 3D playground.
React Three Fiber
React renderer for three.js — useFrame is the animation loop.
TanStack Router
Type-safe file routes used by this docs app.
Tailwind CSS
Utility CSS with Foundry tokens mapped via @theme.
Design system ecosystem
Live GitHub references for teams comparing architecture approaches.
Chakra UI
Accessible component system for SaaS products — strong token story.
MUI Base UI
Unstyled accessible primitives from the Material UI / Radix lineage.
Semi Design
Enterprise design system with deep token coverage.
Elastic UI (EUI)
Mature dashboard-oriented design system used at Elastic.
Stencil
Web-component toolchain for framework-agnostic design systems.
Specs & docs
WAI-ARIA Authoring Practices
Interaction patterns for menus, dialogs, tabs, and comboboxes.
WCAG 2.2 Quick Reference
Contrast, focus, labels, and keyboard criteria.
Radix Docs
API reference for the primitives under Foundry components.
cmdk
Command menu primitive used by Foundry’s palette.
Vaul
Drawer component for mobile sheets.
Sonner
Toast notifications with stacking and promises.