---
name: "@eldoraui"
slug: "eldoraui"
description: "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."
category: "Animated components"
tags: ["3d", "aesthetic", "animation", "auth", "backgrounds", "blocks", "buttons", "cards", "charts", "design-system", "forms", "hooks", "icons", "maps", "marketing", "navigation", "retro", "saas"]
framework: "react"
license: "MIT"
author: "karthikmudunuri"
website: "https://eldoraui.site"
github: "https://github.com/karthikmudunuri/eldoraui"
registry: "https://eldoraui.site/r/registry.json"
pro: false
pro_url: null
github_stars: 1945
component_count: 115
generated_at: "2026-07-28T08:59:05.895Z"
---

# @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.

## Links

- Website: https://eldoraui.site
- GitHub: https://github.com/karthikmudunuri/eldoraui
- Registry JSON: https://eldoraui.site/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/eldoraui
- This file: https://sh4dcn.vercel.app/md/eldoraui.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://eldoraui.site/r/registry.json
pnpm dlx shadcn@latest add https://eldoraui.site/r/registry.json
bunx shadcn@latest add https://eldoraui.site/r/registry.json
# clone the source repo
git clone https://github.com/karthikmudunuri/eldoraui.git
# fetch the raw registry index
curl -s https://eldoraui.site/r/registry.json
```

## Components (115)

| name | type | description | install |
| --- | --- | --- | --- |
| index | registry:style | — | `npx shadcn@latest add https://eldoraui.site/r/index.json` |
| safari-browser | registry:ui | A safari browser component. | `npx shadcn@latest add https://eldoraui.site/r/safari-browser.json` |
| macbook-pro | registry:ui | A MacBook Pro SVG component. | `npx shadcn@latest add https://eldoraui.site/r/macbook-pro.json` |
| iphone-17-pro | registry:ui | An iPhone 17 Pro SVG component. | `npx shadcn@latest add https://eldoraui.site/r/iphone-17-pro.json` |
| ipad | registry:ui | An iPad SVG component. | `npx shadcn@latest add https://eldoraui.site/r/ipad.json` |
| browser | registry:ui | A browser SVG component. | `npx shadcn@latest add https://eldoraui.site/r/browser.json` |
| cobe-globe | registry:ui | A cobe globe component. | `npx shadcn@latest add https://eldoraui.site/r/cobe-globe.json` |
| github-inline-comments | registry:ui | A github inline comments component. | `npx shadcn@latest add https://eldoraui.site/r/github-inline-comments.json` |
| animated-badge | registry:ui | An animated badge component. | `npx shadcn@latest add https://eldoraui.site/r/animated-badge.json` |
| grid | registry:ui | A grid component. | `npx shadcn@latest add https://eldoraui.site/r/grid.json` |
| clerk-otp | registry:ui | A clerk OTP component. | `npx shadcn@latest add https://eldoraui.site/r/clerk-otp.json` |
| marquee | registry:ui | A performant, customizable marquee (scrolling text/content) component. | `npx shadcn@latest add https://eldoraui.site/r/marquee.json` |
| integrations | registry:ui | An integrations component. | `npx shadcn@latest add https://eldoraui.site/r/integrations.json` |
| terminal | registry:ui | A terminal component. | `npx shadcn@latest add https://eldoraui.site/r/terminal.json` |
| testimonal-slider | registry:ui | A testimonial slider component. | `npx shadcn@latest add https://eldoraui.site/r/testimonal-slider.json` |
| map | registry:ui | An animated map component with location markers. | `npx shadcn@latest add https://eldoraui.site/r/map.json` |
| svg-ripple-effect | registry:ui | An SVG ripple effect component. | `npx shadcn@latest add https://eldoraui.site/r/svg-ripple-effect.json` |
| animated-frameworks | registry:ui | An animated frameworks component. | `npx shadcn@latest add https://eldoraui.site/r/animated-frameworks.json` |
| blur-in-text | registry:ui | A blur in text component. | `npx shadcn@latest add https://eldoraui.site/r/blur-in-text.json` |
| fade-text | registry: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 | registry:ui | A gradual spacing text component. | `npx shadcn@latest add https://eldoraui.site/r/gradual-spacing-text.json` |
| letter-pull-up-text | registry:ui | A letter pull up text component. | `npx shadcn@latest add https://eldoraui.site/r/letter-pull-up-text.json` |
| multi-direction-slide-text | registry:ui | A multi direction slide text component. | `npx shadcn@latest add https://eldoraui.site/r/multi-direction-slide-text.json` |
| seperate-away-text | registry:ui | A seperate away text component. | `npx shadcn@latest add https://eldoraui.site/r/seperate-away-text.json` |
| wavy-text | registry:ui | A wavy text component. | `npx shadcn@latest add https://eldoraui.site/r/wavy-text.json` |
| word-pull-up-text | registry:ui | A word pull up text component. | `npx shadcn@latest add https://eldoraui.site/r/word-pull-up-text.json` |
| novatrix-background | registry:ui | A novatrix background component. | `npx shadcn@latest add https://eldoraui.site/r/novatrix-background.json` |
| photon-beam | registry:ui | A photon beam background component with animated light trails. | `npx shadcn@latest add https://eldoraui.site/r/photon-beam.json` |
| hacker-background | registry:ui | A hacker background component. | `npx shadcn@latest add https://eldoraui.site/r/hacker-background.json` |
| card-flip-hover | registry:ui | A card flip hover component. | `npx shadcn@latest add https://eldoraui.site/r/card-flip-hover.json` |
| scale-letter-text | registry:ui | A scale letter text component. | `npx shadcn@latest add https://eldoraui.site/r/scale-letter-text.json` |
| font-weight-text | registry:ui | A font weight text component. | `npx shadcn@latest add https://eldoraui.site/r/font-weight-text.json` |
| animated-grid-pattern | registry:ui | An animated grid pattern component. | `npx shadcn@latest add https://eldoraui.site/r/animated-grid-pattern.json` |
| live-button | registry:ui | A live button component. | `npx shadcn@latest add https://eldoraui.site/r/live-button.json` |
| animated-shiny-button | registry:ui | An animated shiny button component. | `npx shadcn@latest add https://eldoraui.site/r/animated-shiny-button.json` |
| animated-list | registry:ui | An animated list component. | `npx shadcn@latest add https://eldoraui.site/r/animated-list.json` |
| orbit-rotation | registry:ui | An orbit rotation component with customizable icons. | `npx shadcn@latest add https://eldoraui.site/r/orbit-rotation.json` |
| logo-timeline | registry:ui | An animated logo timeline component with horizontal scrolling logos. | `npx shadcn@latest add https://eldoraui.site/r/logo-timeline.json` |
| dock-text | registry:ui | A dock text component with interactive hover effects. | `npx shadcn@latest add https://eldoraui.site/r/dock-text.json` |
| holographic-card | registry: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 | registry:example | Example showing a safari-browser-demo component. | `npx shadcn@latest add https://eldoraui.site/r/safari-browser-demo.json` |
| macbook-pro-demo | registry:example | Example showing a macbook-pro-demo component. | `npx shadcn@latest add https://eldoraui.site/r/macbook-pro-demo.json` |
| iphone-17-pro-demo | registry:example | Example showing a iphone-17-pro-demo component. | `npx shadcn@latest add https://eldoraui.site/r/iphone-17-pro-demo.json` |
| ipad-demo | registry:example | Example showing a ipad-demo component. | `npx shadcn@latest add https://eldoraui.site/r/ipad-demo.json` |
| browser-demo | registry:example | Example showing a browser-demo component. | `npx shadcn@latest add https://eldoraui.site/r/browser-demo.json` |
| browser-demo-2 | registry:example | Example showing a browser-demo-2 component. | `npx shadcn@latest add https://eldoraui.site/r/browser-demo-2.json` |
| cobe-globe-demo | registry:example | Example showing a cobe-globe-demo component. | `npx shadcn@latest add https://eldoraui.site/r/cobe-globe-demo.json` |
| cobe-globe-demo-2 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:example | Example showing a animated-badge-demo component. | `npx shadcn@latest add https://eldoraui.site/r/animated-badge-demo.json` |
| grid-demo | registry:example | Example showing a grid-demo component. | `npx shadcn@latest add https://eldoraui.site/r/grid-demo.json` |
| grid-demo-2 | registry:example | Example showing a grid-demo-2 component. | `npx shadcn@latest add https://eldoraui.site/r/grid-demo-2.json` |
| grid-demo-3 | registry:example | Example showing a grid-demo-3 component. | `npx shadcn@latest add https://eldoraui.site/r/grid-demo-3.json` |
| grid-demo-4 | registry:example | Example showing a grid-demo-4 component. | `npx shadcn@latest add https://eldoraui.site/r/grid-demo-4.json` |
| grid-demo-5 | registry:example | Example showing a grid-demo-5 component. | `npx shadcn@latest add https://eldoraui.site/r/grid-demo-5.json` |
| clerk-otp-demo | registry:example | Example showing a clerk-otp-demo component. | `npx shadcn@latest add https://eldoraui.site/r/clerk-otp-demo.json` |
| clerk-otp-demo-2 | registry:example | Example showing a clerk-otp-demo-2 component. | `npx shadcn@latest add https://eldoraui.site/r/clerk-otp-demo-2.json` |
| integrations-demo | registry:example | Example showing a integrations-demo component. | `npx shadcn@latest add https://eldoraui.site/r/integrations-demo.json` |
| integrations-demo-2 | registry:example | Example showing a integrations-demo-2 component. | `npx shadcn@latest add https://eldoraui.site/r/integrations-demo-2.json` |
| terminal-demo | registry:example | Example showing a terminal-demo component. | `npx shadcn@latest add https://eldoraui.site/r/terminal-demo.json` |
| testimonal-slider-demo | registry:example | Example showing a testimonal-slider-demo component. | `npx shadcn@latest add https://eldoraui.site/r/testimonal-slider-demo.json` |
| map-demo | registry:example | Example showing a map component. | `npx shadcn@latest add https://eldoraui.site/r/map-demo.json` |
| svg-ripple-effect-demo | registry:example | Example showing a svg-ripple-effect component. | `npx shadcn@latest add https://eldoraui.site/r/svg-ripple-effect-demo.json` |
| svg-ripple-effect-demo-2 | registry:example | Example showing a svg-ripple-effect-demo-2 component. | `npx shadcn@latest add https://eldoraui.site/r/svg-ripple-effect-demo-2.json` |
| animated-frameworks-demo | registry:example | Example showing a animated-frameworks-demo component. | `npx shadcn@latest add https://eldoraui.site/r/animated-frameworks-demo.json` |
| blur-in-text-demo | registry:example | Example showing a blur-in-text-demo component. | `npx shadcn@latest add https://eldoraui.site/r/blur-in-text-demo.json` |
| fade-text-demo | registry:example | Example showing a fade-text-demo component with all directions. | `npx shadcn@latest add https://eldoraui.site/r/fade-text-demo.json` |
| fade-text-demo-2 | registry:example | Example showing a fade-text-demo-2 component. | `npx shadcn@latest add https://eldoraui.site/r/fade-text-demo-2.json` |
| fade-text-demo-3 | registry:example | Example showing a fade-text-demo-3 component. | `npx shadcn@latest add https://eldoraui.site/r/fade-text-demo-3.json` |
| gradual-spacing-text-demo | registry:example | Example showing a gradual-spacing-text-demo component. | `npx shadcn@latest add https://eldoraui.site/r/gradual-spacing-text-demo.json` |
| letter-pull-up-text-demo | registry:example | Example showing a letter-pull-up-text-demo component. | `npx shadcn@latest add https://eldoraui.site/r/letter-pull-up-text-demo.json` |
| multi-direction-slide-text-demo | registry:example | Example showing a multi-direction-slide-text-demo component. | `npx shadcn@latest add https://eldoraui.site/r/multi-direction-slide-text-demo.json` |
| seperate-away-text-demo | registry:example | Example showing a seperate-away-text-demo component. | `npx shadcn@latest add https://eldoraui.site/r/seperate-away-text-demo.json` |
| wavy-text-demo | registry:example | Example showing a wavy-text-demo component. | `npx shadcn@latest add https://eldoraui.site/r/wavy-text-demo.json` |
| word-pull-up-text-demo | registry:example | Example showing a word-pull-up-text-demo component. | `npx shadcn@latest add https://eldoraui.site/r/word-pull-up-text-demo.json` |
| novatrix-background-demo | registry:example | Example showing a novatrix-background-demo component. | `npx shadcn@latest add https://eldoraui.site/r/novatrix-background-demo.json` |
| novatrix-background-demo-2 | registry:example | Example showing a novatrix-background-demo-2 component. | `npx shadcn@latest add https://eldoraui.site/r/novatrix-background-demo-2.json` |
| photon-beam-demo | registry:example | Example showing a photon-beam-demo component. | `npx shadcn@latest add https://eldoraui.site/r/photon-beam-demo.json` |
| hacker-background-demo | registry:example | Example showing a hacker-background-demo component. | `npx shadcn@latest add https://eldoraui.site/r/hacker-background-demo.json` |
| hacker-background-demo-2 | registry:example | Example showing a hacker-background-demo-2 component. | `npx shadcn@latest add https://eldoraui.site/r/hacker-background-demo-2.json` |
| card-flip-hover-demo | registry:example | Example showing a card-flip-hover-demo component. | `npx shadcn@latest add https://eldoraui.site/r/card-flip-hover-demo.json` |
| scale-letter-text-demo | registry:example | Example showing a scale-letter-text-demo component. | `npx shadcn@latest add https://eldoraui.site/r/scale-letter-text-demo.json` |
| font-weight-text-demo | registry:example | Example showing a font-weight-text-demo component. | `npx shadcn@latest add https://eldoraui.site/r/font-weight-text-demo.json` |
| animated-grid-pattern-demo | registry:example | Example showing a animated-grid-pattern-demo component. | `npx shadcn@latest add https://eldoraui.site/r/animated-grid-pattern-demo.json` |
| live-button-demo | registry:example | Example showing a live-button-demo component. | `npx shadcn@latest add https://eldoraui.site/r/live-button-demo.json` |
| animated-shiny-button-demo | registry:example | Example showing a animated-shiny-button-demo component. | `npx shadcn@latest add https://eldoraui.site/r/animated-shiny-button-demo.json` |
| animated-list-demo | registry:example | Example showing a animated-list-demo component. | `npx shadcn@latest add https://eldoraui.site/r/animated-list-demo.json` |
| orbit-rotation-demo | registry:example | Example showing a orbit-rotation-demo component. | `npx shadcn@latest add https://eldoraui.site/r/orbit-rotation-demo.json` |
| logo-timeline-demo | registry:example | Example showing a logo-timeline-demo component. | `npx shadcn@latest add https://eldoraui.site/r/logo-timeline-demo.json` |
| logo-timeline-demo-2 | registry:example | Example showing a logo-timeline-demo-2 component with hover animation. | `npx shadcn@latest add https://eldoraui.site/r/logo-timeline-demo-2.json` |
| dock-text-demo | registry:example | Example showing a dock-text component. | `npx shadcn@latest add https://eldoraui.site/r/dock-text-demo.json` |
| dock-text-demo-2 | registry:example | Example showing a dock-text component with down prop. | `npx shadcn@latest add https://eldoraui.site/r/dock-text-demo-2.json` |
| holographic-card-demo | registry:example | Example showing a holographic-card component. | `npx shadcn@latest add https://eldoraui.site/r/holographic-card-demo.json` |
| holographic-card-demo-2 | registry:example | Example showing a holographic-card component. | `npx shadcn@latest add https://eldoraui.site/r/holographic-card-demo-2.json` |
| holographic-card-demo-3 | registry:example | Example showing a holographic-card component. | `npx shadcn@latest add https://eldoraui.site/r/holographic-card-demo-3.json` |
| utils | registry:lib | — | `npx shadcn@latest add https://eldoraui.site/r/utils.json` |
| header-01 | registry:block | A simple header. | `npx shadcn@latest add https://eldoraui.site/r/header-01.json` |
| header-02 | registry:block | A simple header. | `npx shadcn@latest add https://eldoraui.site/r/header-02.json` |
| logo-cloud-01 | registry:block | A simple logo cloud. | `npx shadcn@latest add https://eldoraui.site/r/logo-cloud-01.json` |
| logo-cloud-02 | registry:block | A logo cloud with flex wrap layout. | `npx shadcn@latest add https://eldoraui.site/r/logo-cloud-02.json` |
| logo-cloud-03 | registry:block | A logo cloud with marquee effect. | `npx shadcn@latest add https://eldoraui.site/r/logo-cloud-03.json` |
| logo-cloud-04 | registry:block | A logo cloud with motion. | `npx shadcn@latest add https://eldoraui.site/r/logo-cloud-04.json` |
| testimonal-01 | registry:block | A testimonial slider. | `npx shadcn@latest add https://eldoraui.site/r/testimonal-01.json` |
| testimonal-02 | registry:block | A testimonial marquee. | `npx shadcn@latest add https://eldoraui.site/r/testimonal-02.json` |
| testimonal-03 | registry:block | A testimonial card grid. | `npx shadcn@latest add https://eldoraui.site/r/testimonal-03.json` |
| features-01 | registry:block | Features section with accordion and image carousel. | `npx shadcn@latest add https://eldoraui.site/r/features-01.json` |
| cta-01 | registry:block | CTA with heading, grid background, and animated side lines. | `npx shadcn@latest add https://eldoraui.site/r/cta-01.json` |
| cta-02 | registry:block | CTA with heading, button, and orbiting app icons. | `npx shadcn@latest add https://eldoraui.site/r/cta-02.json` |
| cta-03 | registry:block | CTA with heading, button, and ripple background. | `npx shadcn@latest add https://eldoraui.site/r/cta-03.json` |
| pricing-01 | registry:block | A pricing section. | `npx shadcn@latest add https://eldoraui.site/r/pricing-01.json` |
| pricing-02 | registry:block | A pricing table with a dropdown menu. | `npx shadcn@latest add https://eldoraui.site/r/pricing-02.json` |
| footer-01 | registry:block | A footer. | `npx shadcn@latest add https://eldoraui.site/r/footer-01.json` |

## For AI agents

```text
You are adding components from @eldoraui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/eldoraui.md) for the component list.
2. Fetch the machine-readable index: https://eldoraui.site/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: eldoraui).
```