BlockDex

Components

Registries

Free blocks

Method

BlockDex

Components

Registries

Free blocks

Method

Open API

BlockDex

Components

Registries

Free blocks

Method

Open API

Loading
BlockDex

Built by

Kynth Studios

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex

BlockDex

Built by

Kynth Studios

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex

BlockDex

Built by

Kynth Studios

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex

BlockDex

Components

Registries

Free blocks

Method

BlockDex

Components

Registries

Free blocks

Method

Open API

BlockDex

Components

Registries

Free blocks

Method

Open API

Registries/craftui

craftui

github.com
Unverifiedrepo only

This registry publishes no description of itself. Everything below was read from its own manifest.

Items

135135

2026-08-11Every entry in its own registry.json, counted last night.

Free to install

00

2026-08-11Item endpoints that returned source without credentials.

Behind a key

00

2026-08-11Item endpoints that answered 401.

Last push

yesterday

5 stars. Both figures are GitHub's about this repository, not ones this index measured.
github.com Indra-photon/Interactive-SVG-Icons registry.json This registry as JSON

Components

Search within
Freeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask
115 in this registry, first 48 shown
ComponentWhat the registry says it isKindAccessInstallsCommand
Accordion - Clipaccordion-clipTwo-layer card reveal — the question clips away via clip-path in the chosen direction, exposing the answer beneath. Click the answer to return.ComponentsUnverified2 deps
Accordion - Draweraccordion-drawerEach trigger lifts with a 3D spring when open, and the content slides up from behind it. Spring stiffness and damping are fully configurable via the DialKit panel.ComponentsUnverified2 deps
Accordion - Easeaccordion-easeContent panel opens and closes with a cubic-bezier easing curve. Use the DialKit easing editor to draw any curve — ease-out, ease-in-out, or a custom bezier.ComponentsUnverified2 deps
Activity Rings - Activity Ringsactivity-rings-defaultThree nested arcs (75% visible) rotate at different speeds — outer slowest, inner fastest — with decreasing opacity inwardComponentsUnverified1 dep
Alarm Icon - Ringalarm-clock-defaultThe alarm rocks left and right like a ringing bell, with ears counter-rotating to sell the physicsComponentsUnverified1 dep
Alarm Icon - Tickalarm-clock-tickThe clock hand sweeps a full clockwise rotation on click, like dialing an alarm to confirm it's setComponentsUnverified1 dep
Alert Dialog - Bluralert-dialog-blurno description publishedComponentsUnverified1 dep
Alert Dialog - Curtainalert-dialog-curtainno description publishedComponentsUnverified1 dep
Alert Dialog - iOSalert-dialog-iosno description publishedComponentsUnverified1 dep
Alert Dialog - Reactivealert-dialog-reactiveno description publishedComponentsUnverified1 dep
Alert Dialog - Scalealert-dialog-scaleno description publishedComponentsUnverified1 dep
Alert Dialog - Slamalert-dialog-slamno description publishedComponentsUnverified1 dep
Alert Dialog - Terminalalert-dialog-terminalno description publishedComponentsUnverified1 dep
App Download - App Downloadapp-download-defaultA rounded arc sweeps around a faint track using strokeDashoffset animation, with a brief pause between each full rotationComponentsUnverified1 dep
Audio Bars Glow - Audio Bars Glowaudio-bars-glow-defaultSix vertical bars with gradient fill, glow effect, and synchronized alternating animationComponentsUnverified1 dep
Audio Bars Sync - Audio Bars Syncaudio-bars-horizontal-defaultSix vertical bars with perfectly synchronized alternating heights creating a rhythmic waveComponentsUnverified1 dep
Audio Bars Opacity - Audio Bars Opacityaudio-bars-opacity-defaultSix vertical bars fading in and out as they grow and shrink, creating a ghosting wave effectComponentsUnverified1 dep
Audio Bars Sequential - Audio Bars Sequentialaudio-bars-sequential-defaultSix vertical bars with sequential wave animation traveling from left to rightComponentsUnverified1 dep
Audio Wave Vertical - Audio Wave Verticalaudio-wave-vertical-defaultFive vertical bars animating in a symmetric wave pattern like audio visualizationComponentsUnverified1 dep
Ball Bounce Alternate - Ball Bounce Alternateball-bounce-alternate-defaultA ball slides left to right then reverses direction, bouncing on the ground line creating a pendulum-like motionComponentsUnverified1 dep
Ball Bounce Box - Ball Bounce Boxball-bounce-box-defaultA square box outline rotates 90° in stepped intervals while a ball bounces rapidly inside itComponentsUnverified1 dep
Ball Bounce Dashed - Ball Bounce Dashedball-bounce-dashed-defaultBall stays centered and bounces in place while a dashed ground line scrolls underneath, creating the illusion of motionComponentsUnverified1 dep
Ball Bounce Slide - Ball Bounce Slideball-bounce-slide-defaultA ball with extreme bounce easing slides horizontally across a ground line, creating a dynamic rolling/bouncing motionComponentsUnverified1 dep
Bars Bounce - Bars Bouncebars-bounce-defaultThree bars that synchronously change height while bouncing between top and bottom positionsComponentsUnverified1 dep
Bars Cascade - Bars Cascadebars-cascade-defaultFour horizontal bars with stripe pattern that cascade down from top, stack up, then cascade out from bottomComponentsUnverified1 dep
Bars Fade - Bars Fadebars-fade-01-fadeThree vertical bars with smooth fade animationComponentsUnverified1 dep
Bars Fill Sequential - Bars Fill Sequentialbars-fill-sequential-defaultThree bars that rise from bottom to top in sequence, creating a wave effectComponentsUnverified1 dep
Bars Pulse Swap - Bars Pulse Swapbars-pulse-swap-defaultSix bars arranged in three pairs that continuously pulse while swapping between stacked and overlapped positionsComponentsUnverified1 dep
Bars Scale - Bars Scalebars-scale-01-scaleThree vertical bars scaling up and down with sequential animationComponentsUnverified1 dep
Bars Scale Bottom - Bars Scale Bottombars-scale-bottom-defaultThree vertical bars scaling up and down with bottom fixedComponentsUnverified1 dep
Bars Scale Wave - Bars Scale Wavebars-scale-wave-defaultVertical bars grow and shrink in a wave pattern with staggered delays, resembling an audio equalizerComponentsUnverified1 dep
Bars Wave - Bars Wavebars-wave-defaultFive vertical bars with staggered height animation creating a wave effectComponentsUnverified1 dep
Breath - Breathbreath-defaultA filled circle inhales and exhales with a trailing outer glow ring — inspired by the MacBook sleep indicator LEDComponentsUnverified1 dep
Bulb Icon - Defaultbulb-defaultBulb fills and rays appear on hover to indicate ideas/tipsComponentsUnverified1 dep
Button - Confetti Burstbutton-confettiOn click, a burst of color-varied confetti pieces launches from the button center — each with its own angle, distance and rotation — arcing up and falling back down under simulated gravity.ComponentsUnverified1 dep
Button - Scramble Textbutton-scrambleOn hover or focus, the label's characters cycle rapidly through random glyphs before locking in to the real text one character at a time, left to right — a decode-style reveal built entirely from content substitution, no positional or color motion.ComponentsUnverified1 dep
Button - Whimsicalbutton-whimsicalOn hover or focus, five color-shifted sparkle particles launch along the button's border via CSS offset-path, each with its own speed, scale and landing spot.ComponentsUnverified1 dep
Calendar Icon - Page Flipcalendar-page-flipCalendar body rotates in 3D along the top edge like flipping a physical calendar page. Header with binding rings stays fixed. Perfect for month navigation.ComponentsUnverified1 dep
Calendar Icon - Picker Opencalendar-picker-openCalendar body splits and opens like a book on hover. Left half slides left, right half slides right. Perfect for date picker buttons that open calendars.ComponentsUnverified1 dep
Calendar Icon - Slide Month Changecalendar-slide-monthDate dots slide out to the left and new dots slide in from the right when month changes. Calendar body and header stay fixed.ComponentsUnverified1 dep
Circle Spinner Wipe - Circle Spinner Wipecircle-spinner-wipe-defaultTwo concentric rings where the foreground ring wipes clockwise from 0% to 100% over the background trackComponentsUnverified1 dep
Circular Wave Fill - Circular Wave Fillcircular-wave-fill-defaultA circle fills with a flowing wave animation, the color rises from bottom to top with undulating motionComponentsUnverified1 dep
Conic Spinner - Conic Spinnerconic-spinner-defaultCircular pie-style loader that fills clockwise from 0° to 360° in 8 equal steps over 2 secondsComponentsUnverified1 dep
Cross Expand - Cross Expandcross-expand-defaultStatic center cross with four corner squares that expand outward, rotate 90°, then retract in a pulsing geometric patternComponentsUnverified1 dep
Dock Bounce - Dock Bouncedock-bounce-defaultApp icon shoots up, squashes on landing with scaleX/scaleY, decays through two secondary bounces, then pauses before repeatingComponentsUnverified1 dep
Dot Circle Expand - Dot Circle Expanddot-circle-expand-defaultStatic center dot with four corner dots that pulse outward and return, creating a dynamic radial expansion effectComponentsUnverified1 dep
Dot Matrix Bits - Dot Matrix Bitsdot-matrix-bits-defaultEach row is an independent binary counter at a different speed. The bottom row flips every tick; the top row changes rarely. Every dot can be in a unique state.ComponentsUnverifiedno deps
Dot Matrix Chase - Dot Matrix Chasedot-matrix-chase-defaultA bright leader and dimmer chaser travel the same spiral path 55% of its length apart. Their interlocking tails create a kinetic, predator-prey visual.ComponentsUnverifiedno deps
See the other 67

Blocks

Search within
19 in this registry
ComponentWhat the registry says it isKindAccessInstallsCommand
AI Chat - AI Chatai-chat-defaultA theme-token-driven AI prompt composer. Mode and model pickers morph between a collapsed pill and an expanded panel through a shared layoutId spring with a blur cross-fade; the plus button fans out a radial attachment menu; tool chips reveal with a staggered cross-blur; the mic cross-fades to an animated waveform while a typewriter transcript slides in. Attachments, tools, modes, models, and transcript phrases are all props, with controlled/uncontrolled selection per dimension. The pickers ship as full APG menus (roving tabindex, arrow-key navigation, focus restore), every control carries an BlocksUnverified3 deps
Avatar Grid - Avatar Gridavatar-defaultA team cluster laid out on a hatched placeholder grid — avatars sit in fixed cells around a centre brand mark under a circular fade, and hovering one lifts it out of the grid and restores its colour.BlocksUnverified1 dep
Vertical Marquee - Vertical Marqueecategory-ticker-vertical-marqueeAuto-scrolling vertical word ticker with kinetic typography. A fixed arrow pointer highlights the active item as the list cycles on a timed interval.BlocksUnverified3 deps
Check out Button - Check out Buttoncheckout-button-defaultA compact trigger button that morphs into a checkout card with tabbed payment methods (QR, card, Apple Pay, Amazon Pay) and a connect-wallet screen, all sharing one layout shell.BlocksUnverified4 deps
Contact Reveal Card - Contact Reveal Cardcontact-reveal-card-defaultHovering an icon previews which slice of the identity string it maps to; clicking commits the selection so it also works on touch. The highlighted span and its dashed underline animate width/position with a layout spring, the caption crossfades, and the icon row's hover-dim effect is pure CSS via :has/:not/:hover.BlocksUnverified3 deps
Feature Gallery 01 - Feature Gallery 01feature-gallery-01-defaultCards rise into place on scroll, then the clicked card widens around a stationary image while the rest narrow. Heights never change; the label and scrim fade in last.BlocksUnverified1 dep
Feature Gallery 02 - Feature Gallery 02feature-gallery-02-defaultFive travel destinations revealed through a sticky scroll. The right panel stacks images in a weighted parallax strip; the left panel slides in destination info driven by scroll position.BlocksUnverified5 deps
Frosted Navbar - Frosted Navbarfrosted-navbar-frosted-navbarNo hardcoded height or width: the bar sizes to its content and its parent's width, so it drops into any layout as a <nav> or <header>. The blur layer extends past the nav's own edge for clean filter sampling, then gets clipped by overflow-hidden so it never bleeds into content below.BlocksUnverifiedno deps
Morphing Image Effect - Image Morphmorphing-image-effect-defaultThree-stage morph: thumbnail pill → landscape card → portrait card. Text scales inversely as the image grows.BlocksUnverified1 dep
Onboarding Form - Onboarding Formonboarding-form-defaultMulti-step onboarding form with a vertical ticker step indicator on the left and an animated question panel on the right, covering five field types: radio, dropdown, multi-select, short text and long text.BlocksUnverified3 deps
Pixel Dissolve Card - Pixel Dissolve Cardpixel-dissolve-card-defaultClicking the card swaps the image underneath instantly, then dissolves the outgoing photo away as a size × size grid of tiles. Each tile is a background-position slice of the same image, and tiles are assigned to random groups so they vanish in scattered clusters instead of sweeping row by row.BlocksUnverified1 dep
Product Card - Product Cardproduct-card-defaultThree photos morph from an overlapping stacked deck into an evenly spaced fan, while the CTA morphs from a small gallery icon into a full-width action button and the price/description/tags fade in.BlocksUnverified4 deps
Profile Card - Navbarprofile-card-navbarSmall avatar in a phone frame expands via layoutId into a floating profile card with staggered menu groups.BlocksUnverified3 deps
Question Builder Modal - Question Builder Modalquestion-builder-modal-defaultA two-level modal built on shadcn's Dialog inspired by Luma modal transition.BlocksUnverified4 deps
SubItem Navbar - SubItem Navbarsubitem-navbar-subitem-navbarTabs expand a panel above the bar via a spring-driven height animation. Panels are either a chip filter list (subs) or any React node (panel). LoginPanel is a named export for use as a panel slot.BlocksUnverified4 deps
Team Cluster 01 - Team Cluster 01team-cluster-01-defaultA team section built around the avatar cluster. Perfet to use to showcase your team details in a website.BlocksUnverified3 deps
Teletype Clock - Split-Flap Clockteletype-clock-defaultFour HH:MM digit cards. On change, the old digit's top half hinges down on the center seam (ease-in free fall), then the new digit's bottom half swings into place with an overshoot-and-settle bounce. Shading overlays darken the falling flap and light up the landing one for a 3D feel.BlocksUnverified1 dep
Theme Button - Theme Buttontheme-button-defaultCollapsed status pill morphs into an expanded font or theme list via a shared layoutId spring, with a blur cross-fade on the inner content. Themes/fonts, selection, and change callbacks are all props. Includes an inlined iOS pulse spinner so the block ships self-contained.BlocksUnverified1 dep
Travel Card - Travel Cardtravel-card-defaultThe image, background color, CTA button, and a badge icon all animate between a cover-photo stage and a detail stage with price and tags, connected by an icon that flies along a curved path between the two.BlocksUnverified3 deps

Utilities

Search within
1 in this registry
ComponentWhat the registry says it isKindAccessInstallsCommand
CraftUI Basecraftui-baseCore dependencies for CraftUI — framer-motion and motion.UtilitiesUnverified2 deps

Removed from this registry

1 items

Each of these was in craftui’s manifest when we first indexed it and is not there now. Their pages stay up, because somewhere a tutorial still tells people to install them.

Missing from a manifest that parsed, which is the only way an item can be known to be gone rather than unreachable
ItemTypeFirst indexedGone since
Scroll Gallery - Parallax Stripscroll-gallery-parallax-stripregistry:block2026-08-062026-08-10
BlockDex

Built by

Kynth Studios

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex

BlockDex

Built by

Kynth Studios

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex

BlockDex

Built by

Kynth Studios

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex