Liquid Index

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

Installation

terminal

pnpm dlx layro-cli add @iurvish/liquid-index

npx layro-cli add @iurvish/liquid-index

npx layro-cli add @iurvish/liquid-index

bunx layro-cli add @iurvish/liquid-index

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Demo

"use client"

import { useEffect, useLayoutEffect, useRef, useState } from "react"
import {
  AnimatePresence,
  motion,
  useReducedMotion,
} from "motion/react"
import {
  BookOpen,
  Camera,
  Droplets,
  Flame,
  SwatchBook,

Free, with GitHub, Google or email. The install command above works without an account.

Versions

1.0.0 · current
Nov 9, 2026
First release.

Similar components