
AI
Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.
Search
30% off for one year
30% off for one year
What is Framer? Framer is the no-code website builder for designing, shipping, and scaling company websites, without engineering. Teams at companies like Perplexity and Miro use it to move faster.



Dribbble Expert Program



Desktop
·
1200
Breakpoint

Tablet
Breakpoint


Dribbble Expert Program
Generate site layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.
Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.
Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.
Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.




Wireframer

I created three unique landing pages in dark mode for your modern design startup: a main landing page, a creative-focused page, and a studio showcase page.

Landing Page 1

Landing Page 2

Landing Page 3

100%





Benjamin
Paul

100%





Title
Image
Date
Category
Slug
Search 153 items…
Interactive Shaders: Liquid Gradient & Logo Gradient

Content
interactive-shaders-liquid-logo
CMS Update: Quickly Add Items

Content
cms-3.1
GPT 5.6: Sol, Terra, and Luna

Content
gpt-5-6
Fable 5

Content
fable-5
Sonnet 5

Content
sonnet-5
Design Page Folders

Content
design-page-folders
Interactive Shaders: Ripple

Content
interactive-shaders
Framer 3.0

Content
framer-3
Forms Antispam

Content
forms-antispam
Spectrum and Crystal

Content
spectrum-crystal-shaders

Title
Interactive Shaders: Liquid Gradient & Logo Gradient
Image

interactive-shaders-liquid-logo.jpg
Categories
Content
Slug
interactive-shaders-liquid-logo
framer.com/updates/interactive-shaders-liquid-logo
Content
We’re introducing mouse interaction to two more Shaders: Liquid Gradient and Logo Gradient. Liquid Gradient creates animated color fields that move across your screen, while the Logo Gradient adds shifting gradient effects to SVGs and PNGs. Both respond to your cursor with smooth, spring-based tracking, combining motion-style interaction with WebGL effects. Tweak the colors, motion, intensity, and more to create endless variations of these shaders. To add the new interactions, simply click + on the new Mouse property while having your shader selected.
baseform.framer.website
Baseform®
Art Direction
Visual Design
Work,
Archive,
Profile,
Journal
Let's Talk
View All Posts
→





Click to edit
·
Changes are auto-saved
Site saved
·
Collaborators are notified. Changes will be visible once the project is published.
Open in Framer
Finish Editing

Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.

Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.

Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.

Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.

Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.

Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.

Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.

Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.
Let’s help your team build better.
Discover how Framer empowers your team.
Try Framer to simplify your workflow.
Get advice tailored to your team’s goals.
What is Framer? Framer is the no-code website builder for designing, shipping, and scaling company websites, without engineering. Teams at companies like Perplexity and Miro use it to move faster.
Create personal portfolio
Build startup site
Launch landing page
Start company blog

