
AI
Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.
15% off an annual Pro plan
15% off an annual Pro plan
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.



MKT1



Desktop
·
1200
Breakpoint

Tablet
Breakpoint


MKT1
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…
Logo Shaders

Design
logo-shaders
CMS 3.0

CMS
cms-3.0
Holo Shader

Design
holo-shader
Auto Translate

Localization
auto-translate
March Update: Bento

Design
march-update-2026
Chromatic Aberration

Design
chromatic-aberration-shader
Shaders

Design
shaders
Static Files

Publishing
static-files
Custom Distribution

Publishing
custom-distribution
Framer Convert

Design
framer-convert

Title
Logo Shaders
Image

logo-shaders.jpg
Categories
Design
Slug
logo-shaders
framer.com/updates/logo-shaders
Content
Introducing Logo Shaders, a new kind of Framer Shader that lets you upload SVGs or PNGs and bring them to life. Use them to add stunning, dynamic effects to your logos. We’re launching with two Shaders, Gradient and Glass. Animations gently respond to the edges of your shape, while effects like Contour, Dispersion, and Bevel add realistic depth, as if your logos were truly 3D. Especially impactful on teaser pages and product launches. Watch the video to learn more.
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.