ZaidanHomeDocsComponentsBlocksChartsTypesetCreate

Command Palette

Search for a command to run...

GitHub
New
Sections
  • Introduction
  • Components
  • Blocks
  • Installation
  • Customization
  • Dark Mode
  • Typeset
  • Zaidan Skills
  • FAQ
  • Roadmap
  • Changelog
Installation
  • Astro
  • Manual
  • Solid Start
  • TanStack Router
  • TanStack Start
  • Vite
Blocks
  • Data Grid
  • Event Calendar
  • Filters
  • Gantt
  • Image Crop
  • Kanban
  • Message Scroller
  • Questionnaire
  • Sortable
Components
  • Accordion
  • Alert
  • Alert Dialog
  • Aspect Ratio
  • Attachment
  • Avatar
  • Badge
  • Breadcrumb
  • Bubble
  • Button
  • Button Group
  • Calendar
  • Card
  • Carousel
  • Chart
  • Checkbox
  • Collapsible
  • Combobox
  • Command
  • Context Menu
  • Dialog
  • Drawer
  • Dropdown Menu
  • Empty
  • Field
  • Hover Card
  • Input
  • Input Group
  • Input OTP
  • Item
  • Kbd
  • Label
  • Marker
  • Menubar
  • Message
  • Native Select
  • Navigation Menu
  • Pagination
  • Popover
  • Progress
  • Radio Group
  • Resizable
  • Scroll Area
  • Select
  • Separator
  • Sheet
  • Sidebar
  • Skeleton
  • Slider
  • Spinner
  • Switch
  • Table
  • Tabs
  • Textarea
  • Toast
  • Toggle
  • Toggle Group
  • Tooltip

Changelog

Latest updates and announcements.
August 2026

August 2026 — Typeset, Blocks & Charts

A long stretch of work lands together. Four things are worth calling out:

  • Typeset — shadcn/typeset ported to SolidJS: one stylesheet you own, with size, leading, and flow as the only controls. The builder previews a design against docs, chat, articles, and notes, and packs every pick into a short typeset code. That code is an installable registry item, so shadcn@latest add @zaidan/typeset-a1JbnM brings the stylesheet, the fonts, and your preset class in one go.
  • Blocks — blocks now have their own section in the docs, separate from components. Image Crop, Message Scroller, Questionnaire, and Sortable live there, each reworked around focused demos and a documented installable surface.
  • Charts — 70 chart blocks built on solid-recharts — area, bar, line, pie, radar, radial, and tooltip variants — browsable at /charts and installable one at a time. Chart palettes now ride along with the design system preset instead of shipping as separate registry items.
  • Docs site — routing, layout, sidebar, and table of contents rebuilt to match shadcn's presentation, with prerendered pages and code blocks aligned with the originals. Alongside it, 50 components were resynchronized with shadcn@4.16.2, Sonner was renamed to Toast and themed against the design tokens, and Attachment, Bubble, Marker, and Message joined the registry.
June 2026

June 2026 — Image Crop & Simpler Zaidan Agent

This update is focused on two things:

  • Image Crop — a new composable block for image cropping. It ships the provider, canvas, hook, and crop helpers as the installable primitive surface, with avatar and full-cropper examples composed in userland.
  • Simpler Zaidan Agent — the agent is now composed from only two skills: zaidan-agent for the Zaidan workflow and react-to-solid for the transformation rules. This makes it easier to understand what the agent does, and adds clearer rules for blocks composed of several files, including keeping the installable API focused and listing every dependent file in the registry.
May 2026

May 2026 — Sortable, Scroll Area & Design Refresh

Three updates land together this month — a new block, a refreshed primitive, and a design pass to keep Zaidan visually iso with shadcn/ui.

  • Sortable — a new drag-and-drop block synced from ReUI, ported to SolidJS via Zaidan Agent. Reorderable lists with keyboard support, drag handles, and the same API surface you'd expect from the React original.
  • Scroll Area — refreshed to match the latest shadcn implementation: smoother thumb behavior, better cross-platform scrollbar styling, and overlay-style tracks that don't push content.
  • Fonts & colors aligned with shadcn/ui. The full shadcn 26-font catalog is now mirrored, with sans/serif/mono pickers in the customizer. Base colors and chart palettes are back in lockstep with shadcn so a project ported between the two registries lands on the same design tokens.
March 2026

March 2026 — Zaidan Agent & Updated Docs

The first stable release of Zaidan Agent is out — a Claude Code agent that extends Zaidan beyond the components we ship.

  • Sync any component from any registry through one command. Point the agent at a shadcn React component (from shadcn/ui, ReUI, OriginUI, or any other compatible registry) and it converts and ports it into your SolidJS project — Kobalte/Corvu primitives, Solid signals, the Zaidan conventions — without you writing the bridge by hand.
  • Works against the same registries shadcn does. If a registry follows the shadcn schema, Zaidan Agent can read it.
  • Refreshed documentation. Every component page now ships with installation snippets, copy-pasteable usage examples, and a live preview iframe wired to the customizer.
  • Better discoverability. Cmd+K command palette across components, blocks, and docs, plus a GitHub star counter in the header.
February 2026

February 2026 — Zaidan Launch

Zaidan is now live: a SolidJS component registry designed to be iso with shadcn/ui. If you know shadcn, you already know Zaidan — same component surface, same naming, same defaults, same shadcn CLI to install them.

  • 50+ components ported from shadcn/ui — Accordion, AlertDialog, Avatar, Button, Calendar, Card, Carousel, Chart, Checkbox, Combobox, Command, Dialog, DropdownMenu, Input, NavigationMenu, Popover, Select, Sheet, Sidebar, Slider, Switch, Table, Tabs, Tooltip, and many more — each with examples and docs.
  • Built on Kobalte and Corvu for accessible primitives, styled with Tailwind CSS v4.
  • Installable via the shadcn CLI — bunx shadcn@latest add works out of the box against the Zaidan registry.
  • Style variants — Vega, Nova, Lyra, Maia, Mira, Luma, Sera — applied across the entire registry, not just isolated demos.
  • Live customizer — pick base color, theme, font, and radius and see every component update in real time.
Built by Kevin Abatan. The source code is available on GitHub.