ActiveAnimated componentspro available15
@paceui
Animated components · data updated 2026-10-27
Carefully built UI blocks for real apps and dashboards, designed to integrate smoothly from early ideas to production releases.
animationauthbackgroundsblocksbuttonscardschartsdashboardformshooksloadersmarketingmedianavigationoverlayspro-availabletables
Install
npx shadcn@latest add https://paceui.com/r/registry.jsonHealth
StatusActive
Last commit2 months ago
License—
Open issues0
ArchivedNo
Stars15
Components (308)
indexdashboard-chart-1dashboard-chart-2dashboard-chart-3dashboard-chart-4dashboard-chart-5dashboard-chart-6dashboard-widget-1dashboard-widget-2dashboard-stat-1dashboard-stat-2dashboard-stat-3dashboard-stat-4dashboard-table-1dashboard-table-3app-analytics-1app-analytics-2app-analytics-3app-analytics-4app-health-1app-education-1app-project-3app-finance-1marketing-testimonials-1marketing-hero-1marketing-features-1marketing-features-4marketing-topbar-1marketing-topbar-2marketing-topbar-3marketing-topbar-4marketing-topbar-5marketing-footer-1marketing-footer-2marketing-footer-3marketing-footer-4marketing-cookie-consent-1marketing-cookie-consent-2marketing-cookie-consent-3layout-notification-1layout-profile-1layout-widget-2layout-promo-1form-inputform-passwordform-selectform-switchform-textareaform-checkboxform-errorplugin-filepondmcp-block-viewermotion-ai-suggestionsmotion-ai-model-selectormotion-ai-model-ability-selectormotion-ai-response-writermotion-ai-token-countermotion-reveal-textmotion-scramble-textmotion-squash-text
Components: index, dashboard-chart-1, dashboard-chart-2, dashboard-chart-3, dashboard-chart-4, dashboard-chart-5, dashboard-chart-6, dashboard-widget-1, dashboard-widget-2, dashboard-stat-1, dashboard-stat-2, dashboard-stat-3, dashboard-stat-4, dashboard-table-1, dashboard-table-3, app-analytics-1, app-analytics-2, app-analytics-3, app-analytics-4, app-health-1, app-education-1, app-project-3, app-finance-1, marketing-testimonials-1, marketing-hero-1, marketing-features-1, marketing-features-4, marketing-topbar-1, marketing-topbar-2, marketing-topbar-3, marketing-topbar-4, marketing-topbar-5, marketing-footer-1, marketing-footer-2, marketing-footer-3, marketing-footer-4, marketing-cookie-consent-1, marketing-cookie-consent-2, marketing-cookie-consent-3, layout-notification-1, layout-profile-1, layout-widget-2, layout-promo-1, form-input, form-password, form-select, form-switch, form-textarea, form-checkbox, form-error, plugin-filepond, mcp-block-viewer, motion-ai-suggestions, motion-ai-model-selector, motion-ai-model-ability-selector, motion-ai-response-writer, motion-ai-token-counter, motion-reveal-text, motion-scramble-text, motion-squash-text, motion-bouncing-text, motion-draw-line-text, motion-mouse-wave-text, motion-text-fall-button, motion-spring-button, motion-fillable-button, motion-infinite-scroller, motion-gradient-shadow, motion-layered-stack, motion-profile-peek, motion-flip-reveal, motion-reveal-on-scroll, motion-swap, motion-accordion, motion-dropdown-menu, motion-tabs, motion-switch, motion-tooltip, motion-calendar, motion-checkbox, motion-collapsible, motion-combobox, motion-context-menu, motion-menubar, motion-navigation-menu, motion-progress, motion-radio-group, motion-select, motion-sidebar, motion-slider, motion-hover-card, motion-alert, motion-empty, motion-input-otp, motion-pagination, motion-scroll-area, gsap-ai-suggestions, gsap-ai-model-selector, gsap-ai-model-ability-selector, gsap-ai-response-writer, gsap-ai-token-counter, gsap-reveal-text, gsap-scramble-text, gsap-squash-text, gsap-bouncing-text, gsap-draw-line-text, gsap-mouse-wave-text, gsap-text-fall-button, gsap-spring-button, gsap-fillable-button, gsap-swap, gsap-animated-stack, gsap-layered-stack, gsap-gradient-shadow, gsap-github-star-counter, gsap-rolling-number, gsap-profile-peek, gsap-flip-reveal, gsap-reveal-on-scroll, gsap-stagger-on-scroll, gsap-liquid-cursor, gsap-liquid-glass, gsap-tilt-card, gsap-distort-text, gsap-overlay-effect, dot-display-dot-loader, dot-display-dot-flow, free-dashboard-template, personal-portfolio-template, tanstack-charts-area-gradient, tanstack-charts-area-stack-expanded, tanstack-charts-area-stacked, tanstack-charts-area-step, tanstack-charts-area-linear, tanstack-charts-area-interactive, tanstack-charts-area-axes, tanstack-charts-area-default, tanstack-charts-area-chart-gradient, tanstack-charts-area-icons, tanstack-charts-area-legend, tanstack-charts-temperature-range-band, tanstack-charts-stacked-time-area, tanstack-charts-normalized-stacked-area, tanstack-charts-streamgraph, tanstack-charts-bollinger-band, tanstack-charts-difference-chart, tanstack-charts-contour-topography, tanstack-charts-density-contours, tanstack-charts-quantile-ribbon, tanstack-charts-ridgeline-density, tanstack-charts-violin-distributions, tanstack-charts-treemap, tanstack-charts-themed-interactive-area, tanstack-charts-geojson-map, tanstack-charts-hexbin-density, tanstack-charts-line-custom-dots, tanstack-charts-line-dots, tanstack-charts-line-multiple, tanstack-charts-line-step, tanstack-charts-line-linear, tanstack-charts-line-interactive, tanstack-charts-line-default, tanstack-charts-line-dots-colors, tanstack-charts-line-dots-custom, tanstack-charts-line-dots, tanstack-charts-line-label-custom, tanstack-charts-line-label, tanstack-charts-line-gaps, tanstack-charts-multi-line-end-labels, tanstack-charts-lollipop, tanstack-charts-dumbbell, tanstack-charts-moving-average-line, tanstack-charts-parallel-coordinates, tanstack-charts-slopegraph, tanstack-charts-linear-regression, tanstack-charts-change-arrows, tanstack-charts-delaunay-network, tanstack-charts-empirical-cdf, tanstack-charts-beeswarm-dodge, tanstack-charts-log-scale-scatter, tanstack-charts-bump-ranking, tanstack-charts-indexed-multi-line, tanstack-charts-connected-scatter, tanstack-charts-scatter-marginal-histograms, tanstack-charts-select-extrema, tanstack-charts-lag-autocorrelation, tanstack-charts-composed-chart, tanstack-charts-many-point-scatter, tanstack-charts-echarts-axis-pointer, tanstack-charts-recharts-interactive-legend, tanstack-charts-chart-table-selection, tanstack-charts-focus-context-window, tanstack-charts-pinned-nested-chart-tooltip, tanstack-charts-streaming-window-preservation, tanstack-charts-echarts-synchronized-cursors, tanstack-charts-echarts-free-cursor, tanstack-charts-brush-range-selection, tanstack-charts-zoomable-time-window, tanstack-charts-timeline-playback-scrubber, tanstack-charts-editable-event-range, tanstack-charts-polar-line, tanstack-charts-polar-scatter, tanstack-charts-premium-kpi-sparklines, tanstack-charts-force-directed-network, tanstack-charts-vector-field, tanstack-charts-framed-scatter, tanstack-charts-bar-multiple, tanstack-charts-bar-active, tanstack-charts-bar-default, tanstack-charts-bar-horizontal, tanstack-charts-bar-interactive, tanstack-charts-bar-label-custom, tanstack-charts-bar-label, tanstack-charts-bar-mixed, tanstack-charts-bar-negative, tanstack-charts-bar-stacked, tanstack-charts-interval-timeline, tanstack-charts-error-bars, tanstack-charts-boxplot, tanstack-charts-cumulative-histogram, tanstack-charts-quantitative-binned-heatmap, tanstack-charts-calendar-heatmap, tanstack-charts-diverging-likert, tanstack-charts-candlestick, tanstack-charts-waterfall, tanstack-charts-hierarchy-tree, tanstack-charts-faceted-distributions, tanstack-charts-grouped-reducer-bars, tanstack-charts-marimekko-mosaic, tanstack-charts-population-pyramid, tanstack-charts-recharts-mixed-bars, tanstack-charts-scrollable-resource-lanes, tanstack-charts-stacked-bar-band-cursor, tanstack-charts-active-bar-dashboard, tanstack-charts-sales-funnel, tanstack-charts-waffle-unit-chart, tanstack-charts-heatmap-calendar, tanstack-charts-heatmap-quantitative-binned, tanstack-charts-heatmap-token-usage, tanstack-charts-pie-donut-text, tanstack-charts-pie-donut-active, tanstack-charts-pie-donut, tanstack-charts-pie-interactive, tanstack-charts-pie-label-custom, tanstack-charts-pie-label-list, tanstack-charts-pie-label, tanstack-charts-pie-legend, tanstack-charts-pie-separator-none, tanstack-charts-pie-simple, tanstack-charts-pie-stacked, tanstack-charts-radar-chart, tanstack-charts-pie-chart, tanstack-charts-donut-chart, tanstack-charts-gauge-chart, tanstack-charts-labeled-pie, tanstack-charts-center-donut, tanstack-charts-rounded-donut, tanstack-charts-nested-donut, tanstack-charts-rose, tanstack-charts-needle-gauge, tanstack-charts-comparative-radar, tanstack-charts-radial-bars, tanstack-charts-sunburst, tanstack-charts-active-donut-metric, tanstack-charts-radar-multiple, tanstack-charts-radar-default, tanstack-charts-radar-dots, tanstack-charts-radar-grid-circle-fill, tanstack-charts-radar-grid-circle-no-lines, tanstack-charts-radar-grid-circle, tanstack-charts-radar-grid-custom, tanstack-charts-radar-grid-fill, tanstack-charts-radar-grid-none, tanstack-charts-radar-icons, tanstack-charts-radar-label-custom, tanstack-charts-radar-legend, tanstack-charts-radar-lines-only, tanstack-charts-radar-radius, tanstack-charts-radial-text, tanstack-charts-radial-grid, tanstack-charts-radial-label, tanstack-charts-radial-shape, tanstack-charts-radial-simple, tanstack-charts-radial-stacked, tanstack-charts-tooltip-default, tanstack-charts-tooltip-formatter, tanstack-charts-tooltip-icons, tanstack-charts-tooltip-indicator-line, tanstack-charts-tooltip-indicator-none, tanstack-charts-tooltip-label-custom, tanstack-charts-tooltip-label-formatter, tanstack-charts-tooltip-label-none, tanstack-charts-pointer-tooltip, tanstack-charts-grouped-tooltip, tanstack-charts-voronoi-nearest-tooltip, native-ai-browser-support, use-browser-support, native-ai-response-renderer, native-ai-quick-chat, native-ai-follow-ups, native-ai-resend-pricing, use-native-ai, native-ai-chat-header, native-ai-chat-messages, native-ai-chat-suggestions, native-ai-chat-input, craft-test, craft-test-2Preview
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.