Dev Design Library

Liquid Index

A feature list whose hover badge is a WebGL liquid gradient that tracks the row.

Liquid Index preview
Library
uselayouts
Framework
React
Type
component
License
MIT
Dependencies
motion
Install
npx shadcn@latest add https://uselayouts.com/r/liquid-index
Files
  • registry/default/example/liquid-index.tsx
  • registry/default/example/liquid-index-canvas.tsx
Source
https://github.com/iurvish/uselayouts

Categories

More from uselayouts