Skip to main content

Assets Templates Inspiration Components

Components/Smooth UI

Animated List

Animated List

Pro

A list that animates additions, removals and reordering, with an optional auto-feed mode that reveals items one at a time.

Category: Charts & numbers
Built with: React, Tailwind, Motion
Installs: clsx motion tailwind-merge
Files: animated-list.tsx + 1 more, a few lines of CSS

The prompt tells your agent to rebuild the styles on your project's tokens, so it fits in like it was made there.

Smooth UI

by Eduardo Calvo

231 components

Copyright (c) 2024 Eduardo Calvo. Open source, added by Craftwork. The license line stays in the copied code.

More like this

Activity Dither Heatmap

Activity Dither Heatmap

FreeOpen

Animated Circular Progress Bar

Animated Circular Progress Bar

FreeOpen

Circuit Board

Circuit Board

Dotted Map

Dotted Map

Globe

Globe

Number Animation Digit Swap

Number Animation Digit Swap

Number Animation Number Ticker

Number Animation Number Ticker

Dither Donut Chart

Dither Donut Chart