Shaders is a free Framer plugin that brings hundreds of WebGL shader effects right into your project. Discover and install animated gradients, cinematic backgrounds, and immersive visual effects in one click, perfect for hero sections, landing pages, and anywhere you want to add high-end motion without writing a single line of shader code.

Featured

Cursor Mask Reveal

Man in clear jacket and sunglasses, orange circle overlay with cursor symbol.

Components

Contra Products

Product import interface with field mapping options and a glowing background.
Abstract geometric login screen with crystal shapes on a dark background.

Plugins

X-Ray Hover

Three glowing blue skulls on a digital grid background.

Components

Arvow

Man presenting software interface with article on flying dogs.
Flying corgis with wings in goggles; campaign creation dashboard visible.

Plugins

Kompa

Website banner promoting fast Framer site building with a blue "Get Lifetime Access" button.
Responsive web design across desktop, tablet, and mobile devices.

UI Kits & Resources

Frameblox

UI kit and design system samples displayed in a grid layout.
Web building interface showcasing drag-and-drop, AI, and app features.

UI Kits & Resources