SUJAL MAKKAR
Reactive Morph Grid
hover-reactive morphing grid background
Resources
Components
Reusable UI pieces you can drop straight into a project.
ctrl-side
Wave Fill Preloading
Water wave fills your text on load
Ashraf Omran
Magnetic Pattern
Magnetic Pattern auto-fills its container with infinitely tiled shapes that subtly react to the pointer—rotating, scaling, fading, and even…
Muzamil Afridi
Emoji Reaction Bar
Features: ⚡ Quick and lightweight interaction 🎨 Replace emojis with your own icons & emojis 💻 Perfect for feedback & achievements 🔄 Easy…
Noopur
QR Code Maker
Fully customizable QR Code maker, right inside Framer ✨ Features - Generate QR codes instantly by typing or pasting text/links.
V. Carrara
WarningTapeBand
Animated Warning Tape With Stripes
Aidan Looker
Timeline Scroll
What is Timeline Scroll?
Ahmad khan
Time Warp Timeline
Neon futuristic animated timeline UI.
Edi Priatama
light trail
An animated light trail background component that creates smooth glowing motion effects using customizable path patterns and canvas-based…
Modex Studio
FreeflowGallery
Draggable 3D image gallery
Gabriel Spicuglia
Sidebar Toggle GS
simple and modern
SoloFoundry
Veil
Veil gives your site one complete, cinematic entrance.
Sandra Párraga
Neu-Brutal Button
Neu-Brutal Button Examples
Orxan Qasimov
WavePath
How to Use: Place the WavePath component on your canvas.
Shouvik Biswas
Diagonal Slider Pro
Diagonal Parallax Carousel
olt.corp
Misty navbar
Misty navbar is a second part of a component set*, built with a purpose of exposing the content on site rather than showing up.
Rahul Chavda
Matrix Slide
Add cinematic depth to your Framer site with Matrix Slide a smooth, infinite 3D perspective panning carousel that transforms standard image…
Karim Saif
Throw Button
Animated Arrow Badge
Ramcharantej Paka
Interactive Bg
Interactive liquid optics for high-stake
Joshua Roberts
Compare Ring
Arcs that fill. Dots that race.
Samuel G. Sumo
Kinetic Steps
The Kinetic Steps component is a premium interactive slider built specifically for Framer.
099 Supply
015 Kinetic Text
Typographic Shader Effect
Bryn Taylor
Hover Image Follow
Show an image that follows your cursor on hover Define any image — even from the CMS — to follow your cursor when you hover over an area.
Eneko Lekue
Social Proof Toast
The Ultimate Conversion Booster Turn your visitors into customers with Social Proof Toast.
