Adam Thelet
Scaling Square Grid
FreeType a number of columns, get a gr
Resources
Components for Backgrounds
Reusable UI pieces you can drop straight into a project — browse by category, or order by rank, newest, and gaining.
Aakash Mangla
Dot Grid Background
FreeDot Grid Background brings your Framer canvas to life with a physics-inspired cursor interaction.
Michael Slotta
Interactive Pattern
FreeInteractive Grid Background
Nandi
Animated Gradient
FreeLearn about how to use the component here.
Bipin Sharma
Gradient Motion BG
FreeGradient Motion Background Maker
Tim Yeng
Ambient Background
FreeMotion-driven Ambient Background
Brett Jackson
Gravity Particles
FreeBring your backgrounds to life with this interactive particle system for Framer.
Charu Consul
Paper Background
FreeFramer Paper Background Component
justyna
Glyph Trail
FreeTurn any image into shapes
Spatarshi Nath
3 Animated Gradients
FreeThree animated gradient backgrounds
Kehinde Clement
Grid Pattern 3d
FreeAnimated 3D Grid Pattern Transform your website projects with this highly customizable, animated retro-style grid component.
Muhmad Hmdo
Magnet Grid
FreeDot grid that pulls toward your cursor.
7D-Web Expert
Floating Animation
FreeFloating Gradient Background
Iqtidar Tara
G-Bars
FreeGradient Bars Background
Shivansh Arora
Stars Galaxy
FreeCinematic 3D starfield background
Gracjan Królikowski
Code Reveal
FreeCode Reveal An interactive background effect that reveals dynamic code trails as you move your cursor.
Saadat Ali
Dot Background
FreeReactive 3D grid interaction system
Sanna Granqvist
Vertical Grid Lines
FreeVertical Grid Lines A lightweight decorative background component that renders evenly spaced vertical lines with subtle animated traveling…
Eduardo Casarini
Background Changer
FreeBackground Changer is a lightweight UI component that changes your site's background color as visitors scroll through your content.
Antony Packia Titus
BubblePit
FreeBubblePit is a physics-based Framer code component that renders your images as glassy, light-refracting spheres that fall, bounce…
Soyeb
Heatmap Effect
FreeApple-style Thermal Heatmap visual
Framify
Image Path Effect
FreeTransform images into moving trails
Weblr Studio
Interactive Gradient
Free🎨 Dynamic Visuals Add depth with animated gradients that respond to mouse movement.
Filip Banasiak
StepProgress
FreeStepProgress is a flexible animated progress indicator for presenting processes, timelines, onboarding flows, delivery stages, tutorials,…