ActiveAnimated componentspro available1
@reactframe
Animated components · MIT · data updated 2026-10-10
Animated React components, blocks and elements built with Tailwind CSS and Motion. 150+ free, open-source items install with the shadcn CLI; premium components are sold separately.
3danimationauthbackgroundsblocksbuttonscardschartsdashboarde-commerceeditorformsglassmorphismloadersmarketingmedianavigationoverlayspro-availableretrotables
Install
npx shadcn@latest add https://reactframe.com/r/registry.jsonHealth
StatusActive
Last commit1 week ago
LicenseMIT
Open issues0
ArchivedNo
Stars1
Components (233)
countdown-timertoggle-probadges-kitrating-starsimage-deck-3dglare-cardinfinite-marqueediscord-chat-widgettelegram-widgetmessenger-widgetx-twitter-widgetfooter-premiumfooter-sectioncompare-sliderglow-cardimage-showcaseeternal-glow-cardglass-navigationheader-simpletestimonial-spotlighttestimonial-pillsprofile-flip-cardphone-mockupbrowser-mockupinstagram-post-mockupx-post-mockuptiktok-post-mockuplinkedin-post-mockupcylinder-gallerygallery-flowtilted-carouseldiagonal-carouseltilt-textprogress-circle-barslinear-progress-barstext-scramble-pronoise-backgrounddot-image-slideranimated-loaderanimated-checkboxradio-buttonselectslidersearch-bartagtooltipskeletontabsbreadcrumbpaginationsteppermodalpopoverdraweravataravatar-groupdivideraccordioncardkbd
Components: countdown-timer, toggle-pro, badges-kit, rating-stars, image-deck-3d, glare-card, infinite-marquee, discord-chat-widget, telegram-widget, messenger-widget, x-twitter-widget, footer-premium, footer-section, compare-slider, glow-card, image-showcase, eternal-glow-card, glass-navigation, header-simple, testimonial-spotlight, testimonial-pills, profile-flip-card, phone-mockup, browser-mockup, instagram-post-mockup, x-post-mockup, tiktok-post-mockup, linkedin-post-mockup, cylinder-gallery, gallery-flow, tilted-carousel, diagonal-carousel, tilt-text, progress-circle-bars, linear-progress-bars, text-scramble-pro, noise-background, dot-image-slider, animated-loader, animated-checkbox, radio-button, select, slider, search-bar, tag, tooltip, skeleton, tabs, breadcrumb, pagination, stepper, modal, popover, drawer, avatar, avatar-group, divider, accordion, card, kbd, empty-state, tag-input, combobox, multi-select, date-picker, time-picker, input-otp, number-input, password-input, phone-input, credit-card-input, currency-input, segmented-control, color-picker, file-upload, signature-pad, image-cropper, callout, meter, command-palette, menubar, sidebar, dock, confirm-dialog, hover-card, context-menu, timeline, tree-view, stat-card, code-block, description-list, splitter, back-to-top, copy-button, terminal, inline-edit, aspect-ratio, scroll-area, toolbar, panel, your-cart-page, stat-feature, product-list, product-detail, button, input, textarea, form-field, rich-text-editor, sales-ticket-popup, expand-card-grid, kanban-board, data-table, line-chart, bar-chart, tearable-reveal, desktop-mockup-carousel, range-area-chart, radar-chart, pie-chart, logo-marquee, liquid-text, word-reveal, alert-toast, product-grid-section, ai-asistant, ai-voice-01, ai-voice-05, ai-image-loader-03, ai-dynamic-island-01, ai-answer-03, ai-edit-review, video-glow-lightbox, glide-carousel, testimonial-logos, dice-discount-popup, scratch-card-popup, business-hours, motion-gallery-grid, qr-code-widget, airbnb-reviews, ebay-reviews, etsy-reviews, coin-flip-game, tic-tac-toe-game, 2048-game, snake-game, minesweeper-game, memory-match-game, pong-game, dino-runner-game, space-invaders-game, glow-jump-widget, spin-to-win-wheel, memory-cards-widget, bubble-cursor, review-card-portrait, cinematic-stacked-gallery, dice-roll-discount-popup, error-404-page-section, toast-stack, notification-center, status-dot, inline-validation-message, dropdown-menu, mega-menu, mobile-tab-bar, table-of-contents, scrollspy-anchor-links, language-switcher, checkbox-group, bottom-sheet, lightbox, cookie-consent-banner, product-tour, calendar, basic-carousel, sparkline-stat, checklist, icon-list, icon-box, data-view, sortable-list, organization-chart, transfer-list, tree-table, chat-bubble, list-group, basic-table, blockquote, masonry-grid, bento-grid, sticky-header, section-container, shape-divider, fieldset, theme-toggle, share-buttons, social-links, scroll-progress-bar, payment-button, speed-dial, animate-on-scroll, focus-trap, icon-swap-toggle, ripple-click-effect, toggle-price-counter, animated-underline-link, image-shape-mask, typography-prose, variant-swatches, content-switch, floating-label-input, input-group, masked-input, knob, listbox, toggle-button, button-group, dual-range-slider, repeatable-field-group, filter-chips, icon-action-button, glossy-gradient-button, inline-link-button, emoji-rating-scale, side-tab-menu, dot-pager-indicator, vertical-progress-steps, auth-card, pricing-table, faq-section, contact-sectionPreview
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.
@reactframe · countdown-timer
npx shadcn@latest add https://reactframe.com/r/countdown-timer.jsonView source