el

componentsReact

@eldoraui

An open-source, modern UI component library for React, built with TypeScript, Tailwind CSS, and Framer Motion. Eldora UI offers beautifully crafted, reusable components designed for performance and elegance.

57 items35 run liveeldoraui.siteLicense MIT

Add to components.json

"registries": {
  "@eldoraui": "https://eldoraui.site/r/{name}.json"
}

Then npx shadcn@latest add @eldoraui/<item> — every tile below copies its own command.

48 items · 9 variants folded · 35 run live as they reach the viewport

An animated grid pattern component.

animated-grid-pattern

A clerk OTP component.

A hacker background component.

hacker-background

An iPad SVG component.

A live button component.

A pricing section.

An animated list component.

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

A letter pull up text component.

letter-pull-up-text

A multi direction slide text component.

multi-direction-slide-text

A seperate away text component.

seperate-away-text

A word pull up text component.

word-pull-up-text

testimonal-slider

An animated shiny button component.

animated-shiny-button

CTA with heading, button, and ripple background.

A github inline comments component.

github-inline-comments

An iPhone 17 Pro SVG component.

An orbit rotation component with customizable icons.

An SVG ripple effect component.

svg-ripple-effect

A dock text component with interactive hover effects.

A gradual spacing text component.

gradual-spacing-text

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

A scale letter text component.

scale-letter-text

A wavy text component.

animated-frameworks

A card flip hover component.

card-flip-hover

Features section with accordion and image carousel.

A grid component.

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

holographic-card

A MacBook Pro SVG component.

A photon beam background component with animated light trails.

A safari browser component.

A blur in text component.

A font weight text component.

font-weight-text

An animated map component with location markers.

A novatrix background component.

novatrix-background

A terminal component.