https://satisui.xyz/
SATIS UI - Beautifully Engineered Components for shadcn/ui
An evolving collection of production-ready components built for the shadcn/ui ecosystem. Supercharge your projects with fluid animations and modern best...
satis uiengineered componentsbeautifullyshadcn
https://satisui.xyz/docs/cards/flip-card
Flip Card | SATIS UI
A highly interactive 3D flip card component that supports automatic, manual (gesture-based), and programmatic flipping.
flip cardsatis ui
https://satisui.xyz/docs/carousels/thumb-progress-carousel
Thumb Progress Carousel | SATIS UI
A carousel component featuring auto-play functionality and a thumbnail navigation strip that visualizes the remaining time for the current slide.
thumb progress carouselsatis ui
https://satisui.xyz/docs/cards/tilt-card
Tilt Card | SATIS UI
A self-contained card that provides a 3D
tilt cardsatis ui
https://satisui.xyz/docs/components/expanding-grids
Expanding Grids | SATIS UI
A responsive grid that animates the expansion of a row and column when a cell is hovered or focused.
expanding gridssatis ui
https://satisui.xyz/docs/components/gliding-card
Gliding Card | SATIS UI
Orchestrates the shared state between list items and a floating card to create smooth gliding transitions.
gliding cardsatis ui
https://satisui.xyz/docs/components/sliding-capsule-nav
Sliding Capsule Nav | SATIS UI
A modern navigation component with fluid layout animations, intelligent active state detection, and z-indexed layering.
sliding capsule navsatis ui
https://satisui.xyz/docs/components/animated-metric
Animated Metric | SATIS UI
Displays a numerical metric that animates into view and counts up to a target value when it scrolls into the viewport.
animated metricsatis ui
https://satisui.xyz/docs/carousels/3d-drifting-marquee
3D Drifting Marquee | SATIS UI
A physics-based 3D infinite scroll component with drag interaction, scroll velocity acceleration, and cinematic entry animations.
3d drifting marqueesatis ui
https://satisui.xyz/docs/components/urgency-countdown-timer
Urgency Countdown Timer | SATIS UI
A versatile countdown timer that displays the time remaining until a specified target date.
urgency countdown timersatis ui
https://satisui.xyz/docs
Setup Guide | SATIS UI
A guide to setting up the SATIS UI library in your project, including prerequisites like shadcn/ui, GSAP, and Motion.
setup guidesatis
https://satisui.xyz/docs/animations-and-transitions/enter
Enter | SATIS UI
A highly dynamic wrapper component that animates its children into the viewport when they scroll into view.
satis uienter
https://satisui.xyz/docs/text-animations/fluid-text
Fluid Text | SATIS UI
An interactive text component that smoothly distorts and scales characters based on mouse proximity, using a normalization algorithm to ensure the total width...
fluid textsatis
https://satisui.xyz/docs/components/text-highlighter-sharer
Text Highlighter Sharer | SATIS UI
A component that wraps content and displays a popover with sharing options when a user selects a snippet of text.
text highlighter sharersatis ui
https://satisui.xyz/docs/components/rating
Rating | SATIS UI
A highly customizable and animated rating component with multiple variants, including stars, emojis, text, and a unique gradient fill.
satis uirating
https://satisui.xyz/docs/components/proximity-image-row
Proximity Image Row | SATIS UI
A macOS Dock-style interactive image row. Supports both a discrete CSS-based hover effect and a fluid, high-performance JS-driven cursor tracking effect.
proximity image rowsatis ui