Changelog
What's new in Drivn.
March 2026 — React Hook Form Integration
A new documentation page covers integrating Drivn components with React Hook Form and Zod. Select and Switch also receive a fix that prevents unintended form submissions when used inside form elements.
React Hook Form Docs
The new guide walks through using Drivn components with React Hook Form and Zod validation — covering Input, Textarea, Checkbox, Select, Radio Group, Switch, Slider, and Date Picker. Includes a login form, a multi-field contact form, and complete code examples with schema definitions.
Select & Switch Form Fix
Both Select and Switch now render their interactive elements with type="button" to prevent triggering form submission when used inside a form. This fix applies to the registry components shipped via the CLI as well.
March 2026 — Combobox, Toggle
Two new components and smarter theming docs. Combobox brings searchable dropdown selection with single and multi-select modes, Toggle provides a pressable on/off button with group support, and the theming documentation page now auto-syncs token tables from globals.scss.
Combobox
A searchable dropdown built on cmdk with single and multi-select modes. Supports grouped items, clearable selection, tag-style chips for multiple values, custom icons per item, and keyboard navigation. Uses dot notation — Combobox.Trigger, Combobox.Content, Combobox.Item — with the same const styles pattern as all other Drivn components.
1 npx drivn add combobox
Toggle
A pressable button that switches between on and off states. Supports controlled and uncontrolled usage, two variants (default and outline), three sizes, and a Toggle.Group compound component for single or multiple selection within a group. Fully accessible with aria-pressed and data-state attributes.
1 npx drivn add toggle
March 2026 — Skeleton, Collapsible, Scroll Area
Three new components join the library. Skeleton provides loading placeholders with pulse animation, Collapsible toggles content visibility with smooth height transitions, and Scroll Area offers a themed scrollable container with custom scrollbar styling.
Skeleton
A loading placeholder component with pulse animation. Size, shape, and layout are controlled entirely via className — no extra props needed. Useful for shimmer states in cards, lists, avatars, and text blocks.
1 npx drivn add skeleton
Collapsible
Toggle content visibility with smooth CSS animation and accessible controls. Supports controlled and uncontrolled modes, custom trigger elements, and works without any runtime UI dependencies.
1 npx drivn add collapsible
Scroll Area
A themed scrollable container with custom scrollbar styling that matches the design system tokens. Supports vertical and horizontal orientation via a single prop. Pure CSS implementation — no JavaScript scrollbar overlay, no client directive needed.
1 npx drivn add scroll-area
March 2026 — Changelog Page
The docs site now includes a dedicated changelog section with an index of all releases and individual detail pages for each version. Every release links to its own page with full feature descriptions, code examples, and back navigation.
Release History
The changelog index at /docs/changelog lists every release with version badges, dates, and summaries. Each entry links to a detail page with the full breakdown of what shipped — including code blocks and section headings for multi-feature releases.
March 2026 — MCP Server Integration
AI assistants can now connect directly to Drivn's component registry via the Model Context Protocol. Instead of copy-pasting component code into chat, your AI gets exact source code, design tokens, and coding conventions automatically.
MCP Server
The new drivn mcp command starts an MCP server that exposes 7 tools — from listing components to getting full source code with dependencies. Works with Claude Code, Cursor, VS Code Copilot, and Windsurf.
1 claude mcp add drivn -- npx drivn@latest mcp
The server gives AI assistants access to all 33+ component source files, design tokens, and the Drivn coding conventions document — so generated code follows dot notation, const styles, and type-safe variants.
More updates
Added a dedicated /docs/components page that shows every available component at a glance. Browse all 33 components with descriptions and quick links to their documentation pages.
Two new components join the library.
Three new components ship together — a collapsible sidebar for app layouts, a command palette for keyboard-driven navigation, and a range slider for numeric input.
A new Kbd component for displaying keyboard shortcuts and hotkeys. Renders with the appropriate platform-specific symbols (Cmd on Mac, Ctrl on Windows) and supports compound key combinations.
Five new components in one release — all following dot notation and the const styles pattern.
Four new components covering content display and date selection.
The Accordion component now supports a multiple prop for opening several panels simultaneously. Uses Set-based state management internally for clean open/close tracking. This release also standardized the compound component structure across all existing components.
The first stable release of Drivn — a React component library built on dot notation, zero runtime UI dependencies, and the copy-and-own philosophy. Ships with the CLI for scaffolding projects and adding components, plus a full documentation site.