Registries
ActiveFeaturedAnimated components1,945

@eldoraui

Animated components · MIT · data updated 2026-07-08

Eldora UI is an animation-focused React component library supported by Vercel OSS. Built with TypeScript, Tailwind CSS, and Framer Motion. Components span device mockups (browser, iPad, iPhone 17 Pro, MacBook Pro, Safari), animated badges, animated lists, card-flip hover, Clerk OTP, Cobe globe, GitHub inline comments, grids, integrations, terminal, testimonial slider, animated frameworks, logo timeline, map, several text animation primitives (blur-in, fade, font-weight, gradual spacing, letter pull-up, multi-direction slide, scale-letter, separate-away, wavy, word pull-up), and animated backgrounds (hacker, novatrix, photon beam). Free and open source (MIT). Use for: building visually rich SaaS landing pages or portfolio sites where Framer Motion animations and device mockup components are core to the design.

WebsiteDocsGitHub

Install

npx shadcn@latest add https://eldoraui.site/r/registry.json

Health

StatusActive
Last commit2 months ago
LicenseMIT
Open issues0
ArchivedNo
Stars1,945

Components (115)

indexsafari-browsermacbook-proiphone-17-proipadbrowsercobe-globegithub-inline-commentsanimated-badgegridclerk-otpmarqueeintegrationsterminaltestimonal-slidermapsvg-ripple-effectanimated-frameworksblur-in-textfade-textgradual-spacing-textletter-pull-up-textmulti-direction-slide-textseperate-away-textwavy-textword-pull-up-textnovatrix-backgroundphoton-beamhacker-backgroundcard-flip-hoverscale-letter-textfont-weight-textanimated-grid-patternlive-buttonanimated-shiny-buttonanimated-listorbit-rotationlogo-timelinedock-textholographic-cardsafari-browser-demomacbook-pro-demoiphone-17-pro-demoipad-demobrowser-demobrowser-demo-2cobe-globe-democobe-globe-demo-2cobe-globe-demo-3cobe-globe-demo-4cobe-globe-demo-5github-inline-comments-demoanimated-badge-demogrid-demogrid-demo-2grid-demo-3grid-demo-4grid-demo-5clerk-otp-democlerk-otp-demo-2
Components: index, safari-browser, macbook-pro, iphone-17-pro, ipad, browser, cobe-globe, github-inline-comments, animated-badge, grid, clerk-otp, marquee, integrations, terminal, testimonal-slider, map, svg-ripple-effect, animated-frameworks, blur-in-text, fade-text, gradual-spacing-text, letter-pull-up-text, multi-direction-slide-text, seperate-away-text, wavy-text, word-pull-up-text, novatrix-background, photon-beam, hacker-background, card-flip-hover, scale-letter-text, font-weight-text, animated-grid-pattern, live-button, animated-shiny-button, animated-list, orbit-rotation, logo-timeline, dock-text, holographic-card, safari-browser-demo, macbook-pro-demo, iphone-17-pro-demo, ipad-demo, browser-demo, browser-demo-2, cobe-globe-demo, cobe-globe-demo-2, cobe-globe-demo-3, cobe-globe-demo-4, cobe-globe-demo-5, github-inline-comments-demo, animated-badge-demo, grid-demo, grid-demo-2, grid-demo-3, grid-demo-4, grid-demo-5, clerk-otp-demo, clerk-otp-demo-2, integrations-demo, integrations-demo-2, terminal-demo, testimonal-slider-demo, map-demo, svg-ripple-effect-demo, svg-ripple-effect-demo-2, animated-frameworks-demo, blur-in-text-demo, fade-text-demo, fade-text-demo-2, fade-text-demo-3, gradual-spacing-text-demo, letter-pull-up-text-demo, multi-direction-slide-text-demo, seperate-away-text-demo, wavy-text-demo, word-pull-up-text-demo, novatrix-background-demo, novatrix-background-demo-2, photon-beam-demo, hacker-background-demo, hacker-background-demo-2, card-flip-hover-demo, scale-letter-text-demo, font-weight-text-demo, animated-grid-pattern-demo, live-button-demo, animated-shiny-button-demo, animated-list-demo, orbit-rotation-demo, logo-timeline-demo, logo-timeline-demo-2, dock-text-demo, dock-text-demo-2, holographic-card-demo, holographic-card-demo-2, holographic-card-demo-3, utils, header-01

Preview

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.

@eldoraui · index

npx shadcn@latest add https://eldoraui.site/r/index.json
View source