ActiveAnimated componentspro available0
@caliper
Animated components · MIT · data updated 2026-10-17
React components, blocks and complete product screens drawn to one specification. Accessible by default, with every state designed. Free parts are MIT and install as source you own.
accessibilityaianimationauthblocksbuttonscardschartscmsdeveloper-toolsformsmapsmarketingmedianavigationonboardingoverlayspaymentspro-availabletables
Install
npx shadcn@latest add https://caliperui.site/r/registry.jsonHealth
StatusActive
Last commit1 day ago
LicenseMIT
Open issues0
ArchivedNo
Stars0
Components (323)
stylesabout-templateaccordionaction-buttonaction-swapactivity-heatmapadaptive-stepperagent-activityagent-statusalertalert-dialoganimated-counteranimated-listanimated-tabsannouncement-barapprovalsarc-pickeraspect-ratioassistant-panelattachmentauth-pageauto-heightavailability-scheduleravataravatar-groupbadgebar-chartbilling-toggleblog-gridblog-post-templatebloom-menublur-imagebook-shelfbookletbottom-sheetbox-plotbreadcrumbbrush-chartbullet-chartbump-chartbuttonbutton-groupcalendarcall-to-actioncardcard-foldercard-stackcard-switchercarouselcelebration-burstchangelog-feedchangelog-templatecharacter-ringchart-story-blockchat-shellchat-threadcheckboxchecklistchip-groupcitations
Components: styles, about-template, accordion, action-button, action-swap, activity-heatmap, adaptive-stepper, agent-activity, agent-status, alert, alert-dialog, animated-counter, animated-list, animated-tabs, announcement-bar, approvals, arc-picker, aspect-ratio, assistant-panel, attachment, auth-page, auto-height, availability-scheduler, avatar, avatar-group, badge, bar-chart, billing-toggle, blog-grid, blog-post-template, bloom-menu, blur-image, book-shelf, booklet, bottom-sheet, box-plot, breadcrumb, brush-chart, bullet-chart, bump-chart, button, button-group, calendar, call-to-action, card, card-folder, card-stack, card-switcher, carousel, celebration-burst, changelog-feed, changelog-template, character-ring, chart-story-block, chat-shell, chat-thread, checkbox, checklist, chip-group, citations, code-block, code-result-block, collapsible, color-picker, combo-chart, combobox, command-palette, comment-thread, comparison-block, comparison-table, composition-chart, condensing-header, confirm-morph, connection-banner, contact-section, contact-template, context-menu, cookie-consent, copy-button, count-badge, countdown, cta-block, cursor-label, cylinder-carousel, data-table, date-input, date-picker, date-range-picker, depth-timeline, description-list, device-frame, dialog, direction, direction-sphere, diverging-bar-chart, dock, donut-chart, draw-on, drawer, drill-down-menu, drop-overlay, dropdown-menu, dumbbell-chart, duration-field, dynamic-island, empty-state, error-template, expandable-action-bar, expandable-card, expanding-button-group, expanding-search, exploded-view, faq-block, faq-section, feature-bento, feature-rows-block, feature-tabs-block, feed-stream, feedback-widget, field, file-diff, file-dropzone, file-tree, filter-toolbar, fixtures, floating-button-group, fold-panel, folder-tabs, footer-block, funnel-chart, gauge, heatmap-matrix, hero-block, hero-section, hero-signup, hinge-panel, histogram, hold-to-confirm, hover-card, icon-swap, image-compare, image-generation, image-viewer, infinite-masonry, inline-edit, input, item, json-viewer, kbd, label, landing-template, layer-parallax, legal-template, lift-list, line-chart, liquidity-heatmap, live-indicator, live-pass, load-more, loader, loading-swap, logo-marquee, magnetic, marketing-sections, marquee, mention-input, menubar, message, message-scroller, meter, metric, milestones-block, money-field, morph-surface, morphing-modal, multi-chain-swap, multi-select, navigation-menu, newsletter-signup, not-found-page, notification-bell, notification-center, notification-stack, number-field, number-tween, order-book, otp-input, overflow-actions, page-dots, page-header, page-parts, pagination, password-field, password-strength, phone-field, pinned-list, plan-comparison, polar-area-chart, popover, prediction-market, presence-list, preview-rail, price-target-fan, pricing-block, pricing-template, profile-page, progress, progress-button, progress-ring, project-folder, prompt-input, proof-block, prose, pull-to-refresh, radial-bar-chart, radio, radio-cards, range-histogram, range-slider, rank-list, rating, reaction-bar, read-more, reading-progress, resizable-panels, result-icon, returns-calendar, rich-text-editor, ridgeline, roadmap-block, rotary-knob, scatter-chart, scene-story-block, scroll-area, scroll-aware-fab, scroll-effects, scroll-shadow, scroll-spy-nav, scroll-story, scroll-timeline, search, secret-field, segmented-control, select, select-menu, selection-toolbar, separator, session-timeout, shader-background, shake, shared-highlight, shortcut-recorder, shortcut-sheet, showcase-block, sidebar, sign-in-form, sign-up-form, signature-pad, site-footer, site-header, skeleton, skyline-chart, slide-panels, slide-to-confirm, slider, slope-chart, slot-text, sortable-list, sortable-table, sparkline, split-button, spotlight-grid, stacked-area-chart, stagger, stat-card, stats-band, status-bar, status-morph, step-loader, stepper, steps-block, streamgraph, streaming-response, swipe-actions, swipe-tabs, switch, sync-status, tabs, tag-input, team-block, testimonials-block, text-loop, text-motion, textarea, theme-switch, thread-composer, ticket-stub, tilt-card, time-picker, timeline, toast, todo-list, toggle, tool-result, toolbar, tooltip, transcript-reel, transfer-list, tree-view, treemap, trend-delta, upload-queue, usage-meter, user-menu, view-transition, voice-orb, volume-profile, vote-control, waffle-chart, wallet-card, wheel-picker, working-border, zoom-lensPreview
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.