Folio

The whole page leans back in perspective while you scroll, blurs, then springs flat when you stop.

Library

23rd.dev

Framework

React

Type

ui

Install

pnpm dlx shadcn@latest add @23rd/folio

Files

• registry/folio/folio.tsx
• lib/utils.ts
• registry/folio/folio-vanilla.ts

Source

https://github.com/radiumcoders/23rd.dev

Categories

• Effect Components
• React Effect Components
• Tailwind CSS Effect Components
• Animated Effect Components

More from 23rd.dev

• ASCII Fluid
• ASCII Logo
• Dither Scan
• Dithered 404
• Gooey Color Picker
• Iso Lattice
• Live Orb
• Logo Burst
• Mech Keyboard
• Phosphor Score
• Radiant Lines
• Ring Tower