design-infraReport a problem or share feedback← Catalog
Liquid Metal
freesmoothui/liquid-metal
A LiquidMetal component for SmoothUI.
$
npx shadcn@latest add @smoothui/liquid-metalnpm deps: motion
- Source
- SmoothUI
- Kind
- component
- Categories
- misc
- Use as
- drop-in — replaces your component
- Applies to
- misc
- Motion
- on enter, cursor · expressive · webgl + motion · high cost · respects reduced motion
- Tags
- spring, complexity-medium
- Licence
- MIT ("MIT License — Copyright (c) 2024 Eduardo Calvo", github.com/educlopez/smoothui).
- Live demo
- smoothui.dev
- Docs
- smoothui.dev
Similar
Compare all 4 →- Folderreact-bits/folderInteractive folder opens to reveal nested content smooth motion.
- Shredderreact-bits/shredderA list with a paper shredder at the bottom. Drag a row into the slit and the rollers tug it in, pull it through and cut it into strips that curl out underneath, tumble away and fade out. The rest of the list settles down on a spring and the shredded item is handed to you to delete.
- Swipe Rowreact-bits/swipe-rowList row that swipes open to reveal actions, snaps by flick velocity, and deletes on a full swipe that stretches the action colour across the row.