shadcn/ui components, curated and previewed live.
A curated edition of shadcn/ui and libraries built on it - Magic UI, Cult UI, Kokonut UI and Tailark - all running live side by side so you can compare before you copy.
Ten shadcn basics (button, input, label, checkbox, switch, select, textarea, alert, separator, skeleton) are free to download. Upstream MIT licences and notices are kept unchanged in every file.
What you get
- Radix-based, accessible primitives
- Themed with one CSS token file
- Packaged per component with its own dependencies
- Original MIT licence in every download
shadcn/ui components (56)
Accordion · Alert · Alert Dialog · Aspect Ratio · Avatar · Badge · Breadcrumb · Button · Calendar · Card · Carousel · Checkbox · Collapsible · Command · Context Menu · Dialog · Drawer · Dropdown Menu · Hover Card · Input · Input OTP · Label · Menubar · Navigation Menu · Pagination · Popover · Progress · Radio Group · Resizable · Scroll Area · Select · Separator · Sheet · Skeleton · Slider · Sonner · Switch · Table · Tabs · Textarea · Toggle · Toggle Group · Tooltip · Date Picker · Spinner · Keyboard shortcut · Empty state · Item · Field · Input group · Button group · Native select · Direction · Chart · Form · Sidebar
Magic UI components (48)
Animated gradient text · Animated shiny text · Aurora text · Blur fade · Border beam · Confetti · Dot pattern · Grid pattern · Interactive grid · Magic card · Marquee · Meteors · Number ticker · Orbiting circles · Particles · Rainbow button · Ripple background · Ripple button · Shimmer button · Shine border · Sparkles text · Text animate · Typing animation · Word rotate · Hyper text · Animated grid · Bento grid · Animated beam · Circular progress · Animated list · Avatar circles · Cool mode · Dock · Flickering grid · Interactive hover button · Lens · Light rays · Line shadow text · Morphing text · Neon gradient card · Pulsating button · Retro grid · Shiny button · Spinning text · Terminal · Warp background · Striped pattern · Hexagon pattern
Cult UI components (137)
Text Animate · Cosmic Button · Texture Button · Texture Card · Timer · Shift Card · Minimal Card · Cutout Card · Dynamic Island · Direction Aware Tabs · Bg Animate Button · Border Beam Button · Family Button · Side Panel · Bg Media · Three D Carousel · Tweet Grid · Gradient Heading · Typewriter · Rolling Number · Sortable List · Dock · Lightboard · Canvas Fractal Grid · Bg Animated Fractal Dot Grid · Bg Animated Gradient · Bg Image Texture · Popover · Floating Panel · Color Picker · Shader Lens Blur · Edge Blur · Dither Image · Popover Form · Expandable · Logo Carousel · Loading Carousel · Hover Video Player · Neumorph Eyebrow · Neumorph Button · Feature Carousel · Choice Poll · Feature Poll · Feature Voting · Vote Tally · Poll Widget · Prompt Library · Ai Instructions · Intro Disclosure · Text Gif · Stripe Bg Guides · Svg Shapes · Svg Shapes Animated · Svg Bands · Grid Beam · Youtube Video Player · Toolbar Expandable · Texture Overlay · Squiggle Arrow · Code Block · Mock Browser Window · Metal Button · Morph Surface · Distorted Glass · Family Drawer · Expandable Screen · Pixel Heading Character · Pixel Heading Word · Pixel Paragraph Words Inverse · Pixel Paragraph Words · Onboarding · Gradient Button Group · Terminal Animation · Hero Dithering · Hero Color Panel · Hero Static Radial Gradient · Hero Heatmap · Hero Liquid Metal · Base Select · Base Tooltip · Gateway Endpoint Illustration · Gateway Route Illustration · Gateway Svg Illustration · Illustration Card Grid · Illustration Cursor · Illustration Comment Bubble · Illustration Fluid Rendering · Illustration Globe Vercel · Illustration Graph · Tabs Illustration Vercel · Circuit Board · Fluid Ai Workloads · Security Checkpoint · Merging Bubbles · Ai Blob Warp · Folded Card · Shadow Card · Organic Card · Organic Card Small · Organic Button · Fluted Glass · Speech Bubble · Apple Iphone 17 Pro · Apple Keyboard · Apple Watch Ultra · Mac Screen · Apple Pro Display Xdr · Marketing Hero Analytics · Marketing Feature Code · Feature Sticky Section · Analytics Chart · Kanban Board · Agent Suggest Card Stack · Collab Avatar · Collab Toolbar · Halo Dropzone · Halo Search · Globe · File Icons · Halo Button · Copy Button · Halo Card · Border Beam Card · Halo Tabs · Halo Segmented · Halo Toggle Group · Halo Notification · Halo Toast · Halo Switch · Halo Input · Halo Field · Halo Progress · Border Beam Input · Halo Badge · Halo Select · Prompt Composer · Wizard Expandable
Pricing
- TrakCorp Onyx - £29.99 once: every component in the directory, plus Motion and Dashboards, and future components added to Onyx.
- TrakCorp Motion - £4.99: 24 original animation effects.
- TrakCorp Dashboards - £6.99: 3 dashboard templates and 12 widgets.
- Free: 25 components, including 10 shadcn basics and 1,544 Lucide icons.
Questions
Can I use these components in client and commercial projects?
Yes. TrakCorp Originals may be used and modified in unlimited personal, commercial and client projects. Open-source editions keep their MIT or ISC licence, included in every download.
How much does it cost?
Every component is free to preview live. TrakCorp Onyx unlocks the whole directory for £29.99 once. TrakCorp Motion is £4.99 and TrakCorp Dashboards £6.99. 25 components are free to download.
Is there a refund?
Yes - a 14-day money-back guarantee, even after download.
Read the licence and refund policy.