Floaty
Floaty takes any child components (icons, images, text, etc.) and animates them with realistic floating motions
Make it with Workshop
Build your own component with AI
Floaty takes any child components (icons, images, text, etc.) and animates them with realistic floating motions
Make it with Workshop
Build your own component with AI
Floaty transforms static layouts into dynamic, engaging experiences that capture attention and add professional polish to any design.
Choose from random, grid, or circular arrangements with adjustable messiness levels from perfect alignment to organic chaos
Three distinct animation styles (float, bounce, orbit) with customizable speed
Independent X/Y axis sliders for precise positioning control, ensuring elements never get cut off 4
Every aspect is controllable through Framer’s property panel - from layout to animation intensity
Hero sections with floating product images or feature cards, decorative backgrounds that subtly move, portfolio galleries with engaging animations, landing pages with floating testimonials or social proof, interactive dashboards with animated visualizations, marketing pages with floating call-to-action buttons or badges, creative showcases with playful motion, and designs with multiple coordinated animated elements.
If you have any questions or need clarification, feel free to reach out before completing your order. hello@8ighty8.studio
Follow me on X @8ighty8studio
Version 2: 11/9/25
Added a ‘Reverse Direction’ property control
Updated animation functions to allow a percentage of children to move in the opposite direction
Added more randomization to animation duration and delay for each child
Added new animation styles (sway, pulse, diagonal)
Organized properties
