@eldoraui

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.

60 components react shadcn-cli MIT

website ↗ github ↗ registry ↗

Install this registry

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

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

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

fetch registry curl -s https://eldoraui.site/r/registry.json

Components

60 total

index style

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

safari-browser ui

A safari browser component.

npx shadcn@latest add https://eldoraui.site/r/safari-browser.json

macbook-pro ui

A MacBook Pro SVG component.

npx shadcn@latest add https://eldoraui.site/r/macbook-pro.json

iphone-17-pro ui

An iPhone 17 Pro SVG component.

npx shadcn@latest add https://eldoraui.site/r/iphone-17-pro.json

ipad ui

An iPad SVG component.

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

browser ui

A browser SVG component.

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

cobe-globe ui

A cobe globe component.

npx shadcn@latest add https://eldoraui.site/r/cobe-globe.json

github-inline-comments ui

A github inline comments component.

npx shadcn@latest add https://eldoraui.site/r/github-inline-comments.json

animated-badge ui

An animated badge component.

npx shadcn@latest add https://eldoraui.site/r/animated-badge.json

grid ui

A grid component.

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

clerk-otp ui

A clerk OTP component.

npx shadcn@latest add https://eldoraui.site/r/clerk-otp.json

marquee ui

A performant, customizable marquee (scrolling text/content) component.

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

integrations ui

An integrations component.

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

terminal ui

A terminal component.

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

testimonal-slider ui

A testimonial slider component.

npx shadcn@latest add https://eldoraui.site/r/testimonal-slider.json

map ui

An animated map component with location markers.

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

svg-ripple-effect ui

An SVG ripple effect component.

npx shadcn@latest add https://eldoraui.site/r/svg-ripple-effect.json

animated-frameworks ui

An animated frameworks component.

npx shadcn@latest add https://eldoraui.site/r/animated-frameworks.json

blur-in-text ui

A blur in text component.

npx shadcn@latest add https://eldoraui.site/r/blur-in-text.json

fade-text ui

A combined fade text component with support for in, up, and down directions.

npx shadcn@latest add https://eldoraui.site/r/fade-text.json

gradual-spacing-text ui

A gradual spacing text component.

npx shadcn@latest add https://eldoraui.site/r/gradual-spacing-text.json

letter-pull-up-text ui

A letter pull up text component.

npx shadcn@latest add https://eldoraui.site/r/letter-pull-up-text.json

multi-direction-slide-text ui

A multi direction slide text component.

npx shadcn@latest add https://eldoraui.site/r/multi-direction-slide-text.json

seperate-away-text ui

A seperate away text component.

npx shadcn@latest add https://eldoraui.site/r/seperate-away-text.json

wavy-text ui

A wavy text component.

npx shadcn@latest add https://eldoraui.site/r/wavy-text.json

word-pull-up-text ui

A word pull up text component.

npx shadcn@latest add https://eldoraui.site/r/word-pull-up-text.json

novatrix-background ui

A novatrix background component.

npx shadcn@latest add https://eldoraui.site/r/novatrix-background.json

photon-beam ui

A photon beam background component with animated light trails.

npx shadcn@latest add https://eldoraui.site/r/photon-beam.json

hacker-background ui

A hacker background component.

npx shadcn@latest add https://eldoraui.site/r/hacker-background.json

card-flip-hover ui

A card flip hover component.

npx shadcn@latest add https://eldoraui.site/r/card-flip-hover.json

scale-letter-text ui

A scale letter text component.

npx shadcn@latest add https://eldoraui.site/r/scale-letter-text.json

font-weight-text ui

A font weight text component.

npx shadcn@latest add https://eldoraui.site/r/font-weight-text.json

animated-grid-pattern ui

An animated grid pattern component.

npx shadcn@latest add https://eldoraui.site/r/animated-grid-pattern.json

live-button ui

A live button component.

npx shadcn@latest add https://eldoraui.site/r/live-button.json

animated-shiny-button ui

An animated shiny button component.

npx shadcn@latest add https://eldoraui.site/r/animated-shiny-button.json

animated-list ui

An animated list component.

npx shadcn@latest add https://eldoraui.site/r/animated-list.json

orbit-rotation ui

An orbit rotation component with customizable icons.

npx shadcn@latest add https://eldoraui.site/r/orbit-rotation.json

logo-timeline ui

An animated logo timeline component with horizontal scrolling logos.

npx shadcn@latest add https://eldoraui.site/r/logo-timeline.json

dock-text ui

A dock text component with interactive hover effects.

npx shadcn@latest add https://eldoraui.site/r/dock-text.json

holographic-card ui

An interactive card with a holographic gradient and mouse‑reactive tilt effect.

npx shadcn@latest add https://eldoraui.site/r/holographic-card.json

safari-browser-demo example

Example showing a safari-browser-demo component.

npx shadcn@latest add https://eldoraui.site/r/safari-browser-demo.json

macbook-pro-demo example

Example showing a macbook-pro-demo component.

npx shadcn@latest add https://eldoraui.site/r/macbook-pro-demo.json

iphone-17-pro-demo example

Example showing a iphone-17-pro-demo component.

npx shadcn@latest add https://eldoraui.site/r/iphone-17-pro-demo.json

ipad-demo example

Example showing a ipad-demo component.

npx shadcn@latest add https://eldoraui.site/r/ipad-demo.json

browser-demo example

Example showing a browser-demo component.

npx shadcn@latest add https://eldoraui.site/r/browser-demo.json

browser-demo-2 example

Example showing a browser-demo-2 component.

npx shadcn@latest add https://eldoraui.site/r/browser-demo-2.json

cobe-globe-demo example

Example showing a cobe-globe-demo component.

npx shadcn@latest add https://eldoraui.site/r/cobe-globe-demo.json

cobe-globe-demo-2 example

Example showing a cobe-globe-demo-2 component.

npx shadcn@latest add https://eldoraui.site/r/cobe-globe-demo-2.json

cobe-globe-demo-3 example

Example showing a cobe-globe-demo-3 component.

npx shadcn@latest add https://eldoraui.site/r/cobe-globe-demo-3.json

cobe-globe-demo-4 example

Example showing a cobe-globe-demo-4 component.

npx shadcn@latest add https://eldoraui.site/r/cobe-globe-demo-4.json

cobe-globe-demo-5 example

Example showing a cobe-globe-demo-5 component.

npx shadcn@latest add https://eldoraui.site/r/cobe-globe-demo-5.json

github-inline-comments-demo example

Example showing a github-inline-comments-demo component.

npx shadcn@latest add https://eldoraui.site/r/github-inline-comments-demo.json

animated-badge-demo example

Example showing a animated-badge-demo component.

npx shadcn@latest add https://eldoraui.site/r/animated-badge-demo.json

grid-demo example

Example showing a grid-demo component.

npx shadcn@latest add https://eldoraui.site/r/grid-demo.json

grid-demo-2 example

Example showing a grid-demo-2 component.

npx shadcn@latest add https://eldoraui.site/r/grid-demo-2.json

grid-demo-3 example

Example showing a grid-demo-3 component.

npx shadcn@latest add https://eldoraui.site/r/grid-demo-3.json

grid-demo-4 example

Example showing a grid-demo-4 component.

npx shadcn@latest add https://eldoraui.site/r/grid-demo-4.json

grid-demo-5 example

Example showing a grid-demo-5 component.

npx shadcn@latest add https://eldoraui.site/r/grid-demo-5.json

clerk-otp-demo example

Example showing a clerk-otp-demo component.

npx shadcn@latest add https://eldoraui.site/r/clerk-otp-demo.json

clerk-otp-demo-2 example

Example showing a clerk-otp-demo-2 component.

npx shadcn@latest add https://eldoraui.site/r/clerk-otp-demo-2.json