Open source · MIT License

FancyUI

50+

animated

UI components for Svelte 5

Built with Tailwind CSS v4 · TypeScript · shadcn-svelte

Browse components GitHub

Components

Svelte 5 runes

TypeScript

Everything you need

Live interactive previews — no screenshots

Backgrounds

Sparkles

Effects

BorderBeam

Text

NumberTicker

Backgrounds

Meteors

Fancy

Text

LineShadowText

Svelte 5Tailwind v4TypeScriptSvelteKitMITshadcn-svelteAnimationsGSAP

Effects

Marquee

Magic

Text

SparklesText

Build

faster

Text

FlipWords

See all 50+ components →

Quick start

# 1. Clone and install

git clone https://github.com/ramaherbin/fancy-ui

# 2. Import any component

import { BorderBeam, Sparkles, Marquee } from '$lib/fancy-ui'

# 3. Use it

What's next

FancyUI is actively developed. Here's where we're headed.

Now

Released

50+ animated components (Svelte 5 runes)
Tailwind CSS v4 + shadcn-svelte
Full TypeScript support
Live demo at svelte-ui-omega.vercel.app
Dark / light theme
MIT license

v0.2

In progress

npm package — install with npm install fancy-ui
Proper package exports + TypeScript declarations
CHANGELOG + semantic versioning
CONTRIBUTING guide
10+ new components from Inspira UI

v0.3

Planned

Dedicated documentation site (component API reference)
Accessibility audit (ARIA, keyboard navigation)
Playground — edit component props in browser
GitHub Actions CI (type-check, tests, visual diff)
20+ new components

v1.0

Vision

Stable public API
Full Storybook / Chromatic visual testing
Custom theming system (design tokens)
100+ components parity with Inspira UI
Figma component library

Start building today

Free, open source, and ready for Svelte 5.

Browse components Star on GitHub ⭐