Physics Tags
Interactive 3D physics tags that react to gravity and collisions.
Overview
Interactive 3D physics tags that react to gravity and collisions.
- Realistic physics simulation
- Customizable tag colors and text
- Interactive mouse repulsion
- Adjustable physics parameters
- Transparent background
Physics Tags
Create playful, interactive tag animations with realistic physics. Tags fall from above and bounce around the container, responding to mouse hover with repulsion.
Features
Matter.js Physics Powered by Matter.js for realistic gravity, bouncing, and friction.
Custom Tags Define your own tags with custom text, tag color, and text color using a list control.
Interactive Tags react to mouse hover, creating engaging repulsion effects.
Fine-Tuned Physics Adjust gravity, bounciness, friction, air resistance, and wall bounce properties to get the exact feel you want.
Transparent Background Seamlessly overlays on any background in your Framer project.
Use Cases
Skill Showcases — Display skills or technologies in a fun, interactive way.
Sale Promotions — Create eye-catching discount and sale tag displays.
Tag Clouds — Bring tag clouds to life with physics.
Interactive Elements — Add playful interactivity to any page.
How to Use
Installation
- Copy the component URL
- Open your Framer project
- Paste the component anywhere on your canvas (Cmd/Ctrl + V)
Customization
Tags
- Tags: Add/edit tags with text and colors
- Count: Number of tags to spawn (duplicates from your list)
- Min Width/Height: Tag dimensions
Physics
- Interactive: Toggle mouse repulsion
- Gravity: How fast tags fall (0.1 - 5)
- Bounciness: How much tags bounce (0 - 1.2)
- Friction: Surface friction
- Air Resist: Air drag
- Wall Bounce: How walls respond
License
Single Use License — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.
Refund Policy
Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!
Physics Tags - $12
Interactive 3D physics tags that react to gravity and collisions.
You might also like
Why Choose Framer Hub Components
Loved by Framer teams
Used by Framer professionals who need premium, no-code experiences.
"The Best Framer CMS Filtering Plugin I've Found — Truly a Game-Changer. I've tested a lot of Framer CMS filtering and sorting components — both free and paid — and this is by far the best one I've come across."
"He really helped me out when I needed assistance adding it to my Framer project. Super fast customer support highly recommend!"
"We had tried a couple of other Framer CMS filter components but they were buggy, hard to use and support was slow or non-existent. FramerCMSFilter is easier to use and has a lot of added functionality."
Got questions? We've the answers
Got questions? We've the answers
Everything you need to know about FramerHub.