About Falling Tags
Falling Tags turns your footer into a small physics playground. When the section scrolls into view, your tags fade in floating at the top, hover for a moment, then lose their footing, fall and pile up at the bottom. Visitors can grab any tag, drag it around and throw it. It comes with a clean, minimal default look and everything is editable from the properties panel, no code needed.
Features
Tags float first, then drop with real physics and stack naturally
Drag and throw tags with the mouse or a finger
Type your own labels right in the panel, up to 60 tags
Pick one color or many. Tags are shared evenly between your colors
Text color adapts to each fill automatically, or set your own
Corner radius, outline width and outline color
Full font and padding control
Gravity, bounce, friction, hover time and stagger settings
Plays when scrolled into view, and again on every new page
Transparent and click-through, so it can sit on top of your footer links
Shows the settled pile on the canvas and respects reduced motion
Pauses itself when resting or off screen
Best for
Portfolio and studio footers
Skills, services and tech stack sections
Playful contact and about pages
Setup
Paste the component onto your Framer canvas.
Place it in your footer. Set the width to Fill and give it a fixed height, around 500 to 700 on desktop.
Type your tags and choose your colors in the right panel.
On the phone breakpoint, lower the font size so every tag fits the width.
Note: The drop animation plays in Preview and on the published site. On the canvas you see the settled pile.
Support
Questions or issues? Email guocianyu@gmail.com
