High-quality, handcrafted shadcn/ui-compatible components, blocks, and utilities with production-ready polish
Easy one-command installation via shadcn CLI — add directly to your project with full code ownership
Focus on real-world patterns: advanced forms, media players, data displays, interactive cards, and layouts
Live showcase site with interactive previews, detailed usage examples, and clean documentation
Fully TypeScript-typed, accessible, dark mode ready, and optimized for performance
Free, open-source, and community-driven — perfect extension for any shadcn/ui project
Chisom UI is a premium-quality custom registry of reusable React components, blocks, and utilities built by Chisom Uma as a powerful extension for shadcn/ui users who want thoughtfully designed, production-grade additions without the usual boilerplate or design debt. Its core value is delivering elegant, practical solutions for common but complex UI needs — like customizable audio players with waveforms, drag-and-drop file uploads with progress, multi-select forms, and responsive layouts — all while maintaining perfect compatibility with your existing shadcn/ui + Tailwind setup. Powered by React, TypeScript, Tailwind CSS, and Radix primitives, it's ideal for accelerating development of SaaS dashboards, media apps, admin panels, forms-heavy products, or any interface where clean, accessible, and beautiful components make a real difference.
shadcn CLI Registry: Install with npx shadcn add chisom-ui/audio-player — instant, versioned, and updatable
Audio Player with Waveform: Fully customizable player with WaveSurfer.js visualization, play/pause, seek, and variants
Drag-and-Drop File Upload: Modern uploader with progress bars, error handling, previews, and clear UX
Advanced Form Patterns: Multi-select, inline editing, dynamic fields, and validation-friendly structures
Responsive Layout Blocks: Flexible grids, sections, cards, and containers that adapt beautifully across devices
Live Previews & Docs: Clean showcase site with interactive demos, code snippets, and usage instructions
Exceptional quality and attention to detail — feels like official high-end shadcn extensions
Saves massive time on complex but common patterns (audio, uploads, forms)
Perfect visual and technical match with shadcn/ui — zero rework needed
Completely free and open-source — no barriers to adoption or experimentation
Great developer experience with TypeScript, accessibility, and clear documentation
Still a growing collection — focused on quality over massive quantity
Requires existing shadcn/ui project for meaningful usage
Some components (like audio) pull in small external libs (WaveSurfer.js)
Chisom UI delivers a focused, high-impact set of components and blocks: Audio Player (basic & waveform variants), File Upload (drag-and-drop with progress & previews), Info List, Multi-Select Form, Inline Edit Field, Responsive Grid Layouts, Feature Card Blocks, Section Headers, Testimonial Cards, and more — all with full TypeScript types, variants, accessibility, and registry-ready JSON configs for direct shadcn installation.
Chisom UI is completely free and open-source — no tiers, subscriptions, or costs. Access the full registry, showcase, and components unlimited for personal, team, or commercial projects at zero expense.
Chisom UI integrates natively with shadcn/ui CLI & primitives; Tailwind CSS for styling; Radix UI for accessibility; Next.js / Vite / Remix for frameworks; WaveSurfer.js for audio features; Vercel / Netlify for deployment — seamless fit for any modern React + shadcn project.
Yes — 100% free and open-source with no restrictions.
Add the registry to components.json, then use shadcn CLI like npx shadcn add chisom-ui/file-upload.
Focus on real-world, production-grade patterns with excellent polish and accessibility.
Component registry for building beautiful, accessible user interfaces
Submit your Shadcn product to AllShadcn, get featured, and drive genuine traffic while showcasing your work to the world. Turn your creativity into revenue and begin selling today! 🚀