ActiveAnimated components2
@mischief
Animated components · MIT · data updated 2026-09-21
A playful, high-utility shadcn registry: PDF, DOCX and JSON viewers, redaction and bounding boxes, agent chat with tool calls, data tables, command palettes, OTP inputs, and shader fields.
3daianimationaudioauthbackgroundsblocksbuttonscardsformshooksloadersmapsmedianavigationretrotablestheming
Install
npx shadcn@latest add https://ui.tinkererslabs.com/r/registry.jsonHealth
StatusActive
Last commit2 weeks ago
LicenseMIT
Open issues0
ArchivedNo
Stars2
Components (234)
magnetic-tabselastic-sliderhold-buttonshift-buttonimpossible-checkboxfloating-indexcommand-palettescroll-to-top-buttonsave-barinstall-commandcopy-for-aitable-of-contentsfile-uploadfile-thumbnailconversationmessageprompt-inputsuggestionsquestionnaireask-aistreaming-textthinking-statetool-callagent-checklistinline-citationsbounding-boxesannotation-layerredactionpage-navigatorfile-treedocument-splitsschema-buildersignature-padcsv-viewerjson-viewerdocx-viewerpdf-viewermarkdown-blockssignature-footerimage-gallerycode-blockdiff-viewterminal-outputresponse-actionstheme-toggleaccordioncomponent-previewkbdvoice-inputaudio-playerbar-visualizermic-selectorchain-of-thoughtweb-previewvideo-playerreviewable-diffsubagent-treestopped-runmemory-chipsorb
Components: magnetic-tabs, elastic-slider, hold-button, shift-button, impossible-checkbox, floating-index, command-palette, scroll-to-top-button, save-bar, install-command, copy-for-ai, table-of-contents, file-upload, file-thumbnail, conversation, message, prompt-input, suggestions, questionnaire, ask-ai, streaming-text, thinking-state, tool-call, agent-checklist, inline-citations, bounding-boxes, annotation-layer, redaction, page-navigator, file-tree, document-splits, schema-builder, signature-pad, csv-viewer, json-viewer, docx-viewer, pdf-viewer, markdown-blocks, signature-footer, image-gallery, code-block, diff-view, terminal-output, response-actions, theme-toggle, accordion, component-preview, kbd, voice-input, audio-player, bar-visualizer, mic-selector, chain-of-thought, web-preview, video-player, reviewable-diff, subagent-tree, stopped-run, memory-chips, orb, matrix, response, transcript-viewer, stop-generating, token-meter, model-picker, source-card, empty-state, footer-columns, footer-row, footer-wordmark, empty-row, not-found, image-grid, lightbox, spinner, shimmering-text, skeleton, status-pill, copy-button, secret-field, pagination, side-panel, render-surface, aurora-field, grain-overlay, spotlight-card, constellation-field, lattice-field, burst, shader-surface, displacement-image, scene-hero, scroll-scene, reveal, split-text, marquee, number-ticker, tilt-card, connection-beam, cursor-trail, metaballs, dither-image, ascii-image, wireframe-globe, presence-field, stream-glow, scrub-bar, otp-input, tag-input, combobox, sortable-list, resizable-panels, stepper, avatar-stack, timeline, data-table, accordion-demo, agent-checklist-demo, annotation-layer-demo, ascii-image-demo, ask-ai-demo, audio-player-demo, aurora-field-demo, avatar-stack-demo, bar-visualizer-demo, bounding-boxes-demo, burst-demo, chain-of-thought-demo, code-block-demo, combobox-demo, command-palette-demo, component-preview-demo, connection-beam-demo, constellation-field-demo, conversation-demo, copy-button-demo, copy-for-ai-demo, csv-viewer-demo, cursor-trail-demo, data-table-demo, diff-view-demo, displacement-image-demo, dither-image-demo, document-splits-demo, docx-viewer-demo, elastic-slider-demo, empty-row-demo, empty-state-demo, file-thumbnail-demo, file-tree-demo, file-upload-demo, floating-index-demo, footer-columns-demo, footer-row-demo, footer-wordmark-demo, grain-overlay-demo, hold-button-demo, image-gallery-demo, image-grid-demo, impossible-checkbox-demo, inline-citations-demo, install-command-demo, json-viewer-demo, kbd-demo, lattice-field-demo, lightbox-demo, magnetic-tabs-demo, markdown-blocks-demo, marquee-demo, matrix-demo, memory-chips-demo, message-demo, metaballs-demo, mic-selector-demo, model-picker-demo, not-found-demo, number-ticker-demo, orb-demo, otp-input-demo, page-navigator-demo, pagination-demo, pdf-viewer-demo, presence-field-demo, prompt-input-demo, questionnaire-demo, redaction-demo, render-surface-demo, resizable-panels-demo, response-actions-demo, response-demo, reveal-demo, reviewable-diff-demo, save-bar-demo, scene-hero-demo, schema-builder-demo, scroll-scene-demo, scroll-to-top-button-demo, scrub-bar-demo, secret-field-demo, shader-surface-demo, shift-button-demo, shimmering-text-demo, side-panel-demo, signature-footer-demo, signature-pad-demo, skeleton-demo, sortable-list-demo, source-card-demo, spinner-demo, split-text-demo, spotlight-card-demo, status-pill-demo, stepper-demo, stop-generating-demo, stopped-run-demo, stream-glow-demo, streaming-text-demo, subagent-tree-demo, suggestions-demo, table-of-contents-demo, tag-input-demo, terminal-output-demo, theme-toggle-demo, thinking-state-demo, tilt-card-demo, timeline-demo, token-meter-demo, tool-call-demo, transcript-viewer-demo, video-player-demo, voice-input-demo, web-preview-demo, wireframe-globe-demoPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.
@mischief · magnetic-tabs
npx shadcn@latest add https://ui.tinkererslabs.com/r/magnetic-tabs.jsonView source