Open source · MIT License

FancyUI

50+

animated  
UI components for Svelte 5

Built with Tailwind CSS v4 · TypeScript · shadcn-svelte

0+

Components

0

Svelte 5 runes

0%

TypeScript

Everything you need

Live interactive previews — no screenshots

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
<BorderBeam colorFrom = "#9E7AFF" colorTo = "#FE8BBB" />

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.