Built With

Fluid is built on the shoulders of giants. These open source projects make it possible to deliver a great developer experience without reinventing the wheel.

Foundation

Core technologies that power Fluid's architecture.

Radix UI

Unstyled, accessible UI primitives. Fluid wraps Radix Primitives for complex interactions (Dialog, Dropdown, Tooltip) and uses Radix Themes for styled components.

Tailwind CSS

Utility-first CSS framework. Fluid generates Tailwind classes internally, giving you type-safe APIs while leveraging Tailwind's optimized output.

React Aria

Adobe's accessibility library. Provides ARIA patterns, keyboard navigation, and focus management for components like Calendar, DatePicker, and ComboBox.

Color System

Beautiful, accessible colors out of the box.

Radix Colors

A gorgeous, accessible color system with automatic dark mode support. 28 color scales designed to work together, with consistent contrast ratios.

Performance

Libraries that make large-scale UIs possible.

TanStack Virtual

Headless virtualization for efficiently rendering large lists and grids. Powers Fluid's Scroll component for 100k+ item collections.

Syntax Highlighting

Beautiful code display for documentation and editors.

Shiki

VS Code-quality syntax highlighting powered by TextMate grammars. Powers Fluid's SourceCode component with 200+ languages and beautiful themes.

Build Tooling

The modern stack that makes development fast.

TypeScript

Type safety throughout. Fluid's APIs are designed for excellent autocomplete and compile-time error checking.

Next.js

React framework powering this showcase. Fluid works with any React setup, but Next.js makes building documentation sites a breeze.

Thank youBuilding Fluid would take years longer without these incredible projects. If you find Fluid useful, consider supporting the maintainers of these libraries too.