Fluid motion meets retro texture.
Introducing Dither Fluid Spotlight - a Framer component that turns your cursor movements into flowing, colorful fluid trails with a halftone finish. Move your cursor, make a little mess, and watch the texture come alive.
Meet Dither Spotlight - a tiny bit of retro texture for your next Framer project.
Move your cursor and watch a dotted spotlight reveal itself across the canvas. Go Fine for detailed micro-dots or Coarse for a chunkier halftone look. Customize the colors, dot scale, radius, softness, and intensity to make it your own.
Great for creative portfolios, experimental websites, and playful interactive sections.
Your backgrounds deserve a little more colour.
Pastel Gradient - an animated WebGL background for Framer that turns flowing colours into a dreamy visual experience.
(5 ready-to-use colour presets, Customizable hue, tint, brightness, and saturation, From soft pastels to bold Vaporwave colours, Add chromatic aberration for a playful lens effect, Adaptive rendering for a smoother experience.)
Use it to bring your hero sections, portfolios, and landing pages to life without building the effect from scratch.
What if your next website had its own little universe?
Meet Singularity Shader - an animated WebGL effect that brings a glowing cosmic core, flowing textures, and radiating light beams to your Framer projects.
Meet the 3D Team Carousel - because your team deserves more than a row of profile pictures.
Give your team page a little extra dimension with a rotating 3D carousel that brings portraits, logos, and creative visuals to life. Perfect for creative studios, agencies, communities, and portfolios that want to stand out.
Make your team the center of attention.
Who said backgrounds have to be boring?
Rainbow Shader - your next favourite background effect.
Rainbow Shader transforms flowing spectral colours into a hypnotic, ever-changing rainbow field. Customize the movement, experiment with colour settings, and create a look that feels uniquely yours.
Give your next Framer project a little more colour.
Mist Flow - an animated background component for Framer.
Bring your website to life with soft, flowing colors, atmospheric lighting, and subtle texture.
(12 ready-to-use color presets, Custom color palettes, Adjustable flow, speed, and diffusion, Pointer interaction and optional scroll parallax, Dynamic lighting and ambient glow, Film grain, noise, and vignette controls.)
From dreamy gradients to deep, cinematic atmospheres, make it your own.
Meet Prism Effect ✨ - a little cosmic magic for your Framer projects.
Turn a simple section into a glowing, animated experience with twisting rays, dreamy nebulae, fiery colors, and hypnotic rainbow effects.
(7 visual presets, 4 color modes, including Rainbow, Drag to spin and interactive hover behaviors, Customizable rays, glow, twist, and focal point, Adjustable animation and rendering quality, Save your favorite frame as a PNG)
From subtle atmospheric backgrounds to bold, futuristic visuals, Prism Effect gives you the controls to create your own look.
Meet Rainbow Waves - your new playground for animated visuals.
One component. Endless ways to experiment.
Create flowing waves, glowing auroras, hypnotic spirals, ripples, plasma effects, and more - all powered by WebGL and customizable right inside Framer.
(6 unique visual modes, 7 color palettes + custom colors, 8 curated presets + Mandala, Interactive hover effects and click bursts, Glow, grain, vignette, and mirror effects)
An optional control panel with randomize and PNG export
Use it to transform a simple hero section into something people remember.
Rainbow Warp 🌈
A little color, a little motion, and a whole lot of visual magic.
This free WebGL-powered Framer component creates a fluid, animated shader with organic patterns, shifting rainbow hues, and glossy lighting.
Use it as a website background or a bold visual accent to bring more movement and personality to your designs.
Sinusoidal Warp ✨
A little liquid light for your Framer projects.
This free WebGL-powered component creates an organic, animated surface with flowing patterns, glossy highlights, and dynamic lighting.
Use it as a background, visual accent, or atmospheric layer to give your designs more depth.
Meet Prism Ring Carousel ✨
What if your images could orbit in 3D and bend light like glass?
This free Framer component combines dual rotating image rings, interactive drag-to-spin motion, scroll-reactive movement, and vibrant prismatic refraction to create an immersive visual experience.
Perfect for creative portfolios, photography websites, and experimental landing pages.
New Framer Component: Portfolio 3D Slider
Turn your portfolio into an interactive 3D experience.
A smooth, fully customizable slider that lets you showcase projects with images or videos. Visitors can scroll, drag, use keyboard controls, or jump between projects using navigation dots.
Customize the layout, 3D perspective, card tilt, animation, fade effects, colors, autoplay, and more.
Perfect for: portfolios, creative studios, case studies, agency websites, and project showcases.
Flux Flow.
A shader-powered animated background for premium websites.
Built for creators who want premium motion.
Here's a premium animated navigation component for Framer designed to make website navigation feel polished, modern, and interactive.
Can't wait to see how you guys make use of it.
Here's a fun component.
This little component adds just enough motion and personality to bring a design to life - without overwhelming it.
We’ve got more creative components coming soon for the Framer community - can’t wait to share them.
Stay tuned 🚀
Let us know your experience with this component.
The news that components will no longer be reviewed and can be directly published gave us a sense of assurance. We felt like we could finally start publishing the pending components one after another without having to wait for weeks, and sometimes even months.
But we recently published two components after Framer 3.0 was launched, and it did not go smoothly.
We received two "Automated Security Review" emails, but it was super unclear which component they were referring to. The emails simply listed the issues but did not mention which component those issues were found in.
So we went looking for solutions on Framer Feed and came across some people suggesting deleting the components and republishing them. Others seemed just as clueless as we were.
So we thought of deleting these components from our Creator Space, but guess what? There is no delete button there anymore. I am unable to find the delete button for my components.
Anyone else facing this issue or found a way around it?
@Framer really need some help with these issues.
If your hero section feels a little too static, HyperShapes might help ✨
An interactive 3D background component designed to add depth, motion, and energy to your Framer projects.
Preview here: https://vms-hypershapes.framer.website/
Well, Framer's latest updates gave us the motivation to finally publish one of our components - HaloNav is now LIVE! ✨
Fluid motion meets retro texture.
Introducing Dither Fluid Spotlight - a Framer component that turns your cursor movements into flowing, colorful fluid trails with a halftone finish. Move your cursor, make a little mess, and watch the texture come alive.
Meet Dither Spotlight - a tiny bit of retro texture for your next Framer project.
Move your cursor and watch a dotted spotlight reveal itself across the canvas. Go Fine for detailed micro-dots or Coarse for a chunkier halftone look. Customize the colors, dot scale, radius, softness, and intensity to make it your own.
Great for creative portfolios, experimental websites, and playful interactive sections.
Your backgrounds deserve a little more colour.
Pastel Gradient - an animated WebGL background for Framer that turns flowing colours into a dreamy visual experience.
(5 ready-to-use colour presets, Customizable hue, tint, brightness, and saturation, From soft pastels to bold Vaporwave colours, Add chromatic aberration for a playful lens effect, Adaptive rendering for a smoother experience.)
Use it to bring your hero sections, portfolios, and landing pages to life without building the effect from scratch.
What if your next website had its own little universe?
Meet Singularity Shader - an animated WebGL effect that brings a glowing cosmic core, flowing textures, and radiating light beams to your Framer projects.
Meet the 3D Team Carousel - because your team deserves more than a row of profile pictures.
Give your team page a little extra dimension with a rotating 3D carousel that brings portraits, logos, and creative visuals to life. Perfect for creative studios, agencies, communities, and portfolios that want to stand out.
Make your team the center of attention.
Who said backgrounds have to be boring?
Rainbow Shader - your next favourite background effect.
Rainbow Shader transforms flowing spectral colours into a hypnotic, ever-changing rainbow field. Customize the movement, experiment with colour settings, and create a look that feels uniquely yours.
Give your next Framer project a little more colour.
Mist Flow - an animated background component for Framer.
Bring your website to life with soft, flowing colors, atmospheric lighting, and subtle texture.
(12 ready-to-use color presets, Custom color palettes, Adjustable flow, speed, and diffusion, Pointer interaction and optional scroll parallax, Dynamic lighting and ambient glow, Film grain, noise, and vignette controls.)
From dreamy gradients to deep, cinematic atmospheres, make it your own.
Meet Prism Effect ✨ - a little cosmic magic for your Framer projects.
Turn a simple section into a glowing, animated experience with twisting rays, dreamy nebulae, fiery colors, and hypnotic rainbow effects.
(7 visual presets, 4 color modes, including Rainbow, Drag to spin and interactive hover behaviors, Customizable rays, glow, twist, and focal point, Adjustable animation and rendering quality, Save your favorite frame as a PNG)
From subtle atmospheric backgrounds to bold, futuristic visuals, Prism Effect gives you the controls to create your own look.
Meet Rainbow Waves - your new playground for animated visuals.
One component. Endless ways to experiment.
Create flowing waves, glowing auroras, hypnotic spirals, ripples, plasma effects, and more - all powered by WebGL and customizable right inside Framer.
(6 unique visual modes, 7 color palettes + custom colors, 8 curated presets + Mandala, Interactive hover effects and click bursts, Glow, grain, vignette, and mirror effects)
An optional control panel with randomize and PNG export
Use it to transform a simple hero section into something people remember.
Rainbow Warp 🌈
A little color, a little motion, and a whole lot of visual magic.
This free WebGL-powered Framer component creates a fluid, animated shader with organic patterns, shifting rainbow hues, and glossy lighting.
Use it as a website background or a bold visual accent to bring more movement and personality to your designs.
Sinusoidal Warp ✨
A little liquid light for your Framer projects.
This free WebGL-powered component creates an organic, animated surface with flowing patterns, glossy highlights, and dynamic lighting.
Use it as a background, visual accent, or atmospheric layer to give your designs more depth.
Meet Prism Ring Carousel ✨
What if your images could orbit in 3D and bend light like glass?
This free Framer component combines dual rotating image rings, interactive drag-to-spin motion, scroll-reactive movement, and vibrant prismatic refraction to create an immersive visual experience.
Perfect for creative portfolios, photography websites, and experimental landing pages.
New Framer Component: Portfolio 3D Slider
Turn your portfolio into an interactive 3D experience.
A smooth, fully customizable slider that lets you showcase projects with images or videos. Visitors can scroll, drag, use keyboard controls, or jump between projects using navigation dots.
Customize the layout, 3D perspective, card tilt, animation, fade effects, colors, autoplay, and more.
Perfect for: portfolios, creative studios, case studies, agency websites, and project showcases.
Flux Flow.
A shader-powered animated background for premium websites.
Built for creators who want premium motion.
Here's a premium animated navigation component for Framer designed to make website navigation feel polished, modern, and interactive.
Can't wait to see how you guys make use of it.
Here's a fun component.
This little component adds just enough motion and personality to bring a design to life - without overwhelming it.
We’ve got more creative components coming soon for the Framer community - can’t wait to share them.
Stay tuned 🚀
Let us know your experience with this component.
The news that components will no longer be reviewed and can be directly published gave us a sense of assurance. We felt like we could finally start publishing the pending components one after another without having to wait for weeks, and sometimes even months.
But we recently published two components after Framer 3.0 was launched, and it did not go smoothly.
We received two "Automated Security Review" emails, but it was super unclear which component they were referring to. The emails simply listed the issues but did not mention which component those issues were found in.
So we went looking for solutions on Framer Feed and came across some people suggesting deleting the components and republishing them. Others seemed just as clueless as we were.
So we thought of deleting these components from our Creator Space, but guess what? There is no delete button there anymore. I am unable to find the delete button for my components.
Anyone else facing this issue or found a way around it?
@Framer really need some help with these issues.
If your hero section feels a little too static, HyperShapes might help ✨
An interactive 3D background component designed to add depth, motion, and energy to your Framer projects.
Preview here: https://vms-hypershapes.framer.website/
Well, Framer's latest updates gave us the motivation to finally publish one of our components - HaloNav is now LIVE! ✨
Fluid motion meets retro texture.
Introducing Dither Fluid Spotlight - a Framer component that turns your cursor movements into flowing, colorful fluid trails with a halftone finish. Move your cursor, make a little mess, and watch the texture come alive.
Meet Dither Spotlight - a tiny bit of retro texture for your next Framer project.
Move your cursor and watch a dotted spotlight reveal itself across the canvas. Go Fine for detailed micro-dots or Coarse for a chunkier halftone look. Customize the colors, dot scale, radius, softness, and intensity to make it your own.
Great for creative portfolios, experimental websites, and playful interactive sections.
Your backgrounds deserve a little more colour.
Pastel Gradient - an animated WebGL background for Framer that turns flowing colours into a dreamy visual experience.
(5 ready-to-use colour presets, Customizable hue, tint, brightness, and saturation, From soft pastels to bold Vaporwave colours, Add chromatic aberration for a playful lens effect, Adaptive rendering for a smoother experience.)
Use it to bring your hero sections, portfolios, and landing pages to life without building the effect from scratch.
What if your next website had its own little universe?
Meet Singularity Shader - an animated WebGL effect that brings a glowing cosmic core, flowing textures, and radiating light beams to your Framer projects.
Meet the 3D Team Carousel - because your team deserves more than a row of profile pictures.
Give your team page a little extra dimension with a rotating 3D carousel that brings portraits, logos, and creative visuals to life. Perfect for creative studios, agencies, communities, and portfolios that want to stand out.
Make your team the center of attention.
Who said backgrounds have to be boring?
Rainbow Shader - your next favourite background effect.
Rainbow Shader transforms flowing spectral colours into a hypnotic, ever-changing rainbow field. Customize the movement, experiment with colour settings, and create a look that feels uniquely yours.
Give your next Framer project a little more colour.
Mist Flow - an animated background component for Framer.
Bring your website to life with soft, flowing colors, atmospheric lighting, and subtle texture.
(12 ready-to-use color presets, Custom color palettes, Adjustable flow, speed, and diffusion, Pointer interaction and optional scroll parallax, Dynamic lighting and ambient glow, Film grain, noise, and vignette controls.)
From dreamy gradients to deep, cinematic atmospheres, make it your own.
Meet Prism Effect ✨ - a little cosmic magic for your Framer projects.
Turn a simple section into a glowing, animated experience with twisting rays, dreamy nebulae, fiery colors, and hypnotic rainbow effects.
(7 visual presets, 4 color modes, including Rainbow, Drag to spin and interactive hover behaviors, Customizable rays, glow, twist, and focal point, Adjustable animation and rendering quality, Save your favorite frame as a PNG)
From subtle atmospheric backgrounds to bold, futuristic visuals, Prism Effect gives you the controls to create your own look.
Meet Rainbow Waves - your new playground for animated visuals.
One component. Endless ways to experiment.
Create flowing waves, glowing auroras, hypnotic spirals, ripples, plasma effects, and more - all powered by WebGL and customizable right inside Framer.
(6 unique visual modes, 7 color palettes + custom colors, 8 curated presets + Mandala, Interactive hover effects and click bursts, Glow, grain, vignette, and mirror effects)
An optional control panel with randomize and PNG export
Use it to transform a simple hero section into something people remember.
Rainbow Warp 🌈
A little color, a little motion, and a whole lot of visual magic.
This free WebGL-powered Framer component creates a fluid, animated shader with organic patterns, shifting rainbow hues, and glossy lighting.
Use it as a website background or a bold visual accent to bring more movement and personality to your designs.
Sinusoidal Warp ✨
A little liquid light for your Framer projects.
This free WebGL-powered component creates an organic, animated surface with flowing patterns, glossy highlights, and dynamic lighting.
Use it as a background, visual accent, or atmospheric layer to give your designs more depth.
Meet Prism Ring Carousel ✨
What if your images could orbit in 3D and bend light like glass?
This free Framer component combines dual rotating image rings, interactive drag-to-spin motion, scroll-reactive movement, and vibrant prismatic refraction to create an immersive visual experience.
Perfect for creative portfolios, photography websites, and experimental landing pages.
New Framer Component: Portfolio 3D Slider
Turn your portfolio into an interactive 3D experience.
A smooth, fully customizable slider that lets you showcase projects with images or videos. Visitors can scroll, drag, use keyboard controls, or jump between projects using navigation dots.
Customize the layout, 3D perspective, card tilt, animation, fade effects, colors, autoplay, and more.
Perfect for: portfolios, creative studios, case studies, agency websites, and project showcases.
Flux Flow.
A shader-powered animated background for premium websites.
Built for creators who want premium motion.
Here's a premium animated navigation component for Framer designed to make website navigation feel polished, modern, and interactive.
Can't wait to see how you guys make use of it.
Here's a fun component.
This little component adds just enough motion and personality to bring a design to life - without overwhelming it.
We’ve got more creative components coming soon for the Framer community - can’t wait to share them.
Stay tuned 🚀
Let us know your experience with this component.
The news that components will no longer be reviewed and can be directly published gave us a sense of assurance. We felt like we could finally start publishing the pending components one after another without having to wait for weeks, and sometimes even months.
But we recently published two components after Framer 3.0 was launched, and it did not go smoothly.
We received two "Automated Security Review" emails, but it was super unclear which component they were referring to. The emails simply listed the issues but did not mention which component those issues were found in.
So we went looking for solutions on Framer Feed and came across some people suggesting deleting the components and republishing them. Others seemed just as clueless as we were.
So we thought of deleting these components from our Creator Space, but guess what? There is no delete button there anymore. I am unable to find the delete button for my components.
Anyone else facing this issue or found a way around it?
@Framer really need some help with these issues.
If your hero section feels a little too static, HyperShapes might help ✨
An interactive 3D background component designed to add depth, motion, and energy to your Framer projects.
Preview here: https://vms-hypershapes.framer.website/
Well, Framer's latest updates gave us the motivation to finally publish one of our components - HaloNav is now LIVE! ✨
