Folder Float

Folder whose notes spring out into a floating cloud when it opens on hover or press.

Use Folder Float in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/FolderFloat-TS-TW

Related components

• Glide Select

  Select chip whose menu pops from its corner and whose highlight glides between rows.

• Slosh Gauge

  Tank gauge whose liquid chases the value, tilts as it moves and splashes when it fills.

• Squish Switch

  Switch whose thumb stretches with speed and squashes against the end when you flick it.