FancyUI

Overview

FancyUI is an open-source library of animated UI components paired with a gallery of UI inspiration. The site, at version 0.17.0, lists 152 components that ship for React, Svelte 5 and Vue 3, and each inspiration reference is linked to the code that builds it.

The registry delivers the React versions through the shadcn CLI. Inspiration is organized into collections such as micro-interactions, glass and glow, and AI interfaces, and the site shows compositions built from several components, like an AI chat surface and a settings panel.

Features

• Glow and light effects: Border beam, pulse beam, neon border, glow border, glowing effect, liquid glass and frosted glass.
• Text effects: Blur reveal, flip words, hyper text, letter pull-up, liquid text, line shadow text and displacement text.
• Cards and layout: 3D card, flip card, glare card, card spotlight, bento grid, Apple-style card carousel and container scroll.
• Backgrounds and cursors: Falling stars, matrix rain, meteors, flickering grid, interactive grid pattern, fluid cursor and image trail cursor.
• AI interfaces: Chat panel, chat message, composer, reasoning panel, agent plan, approval card, artifact card, inline citation and prompt suggestions.
• Core UI: Accordion, dialog, drawer, combobox, command menu, date picker, select, sheet and form inputs.
• Celebrations: Confetti and fireworks components.

Tech stack

• React, Svelte 5, Vue 3
• Tailwind CSS v4
• GSAP, three.js and canvas-confetti for specific components

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @fancy-ui/component-name