AI
Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.
Search
Framer × Dribbble Expert Program
Framer × Dribbble Expert Program
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
Create, collaborate, and go live
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…
Spectrum and Crystal
Design
spectrum-crystal-shaders
CMS Plugins
CMS
cms-plugins
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
Title
Spectrum and Crystal
Image
spectrum-crystal-shaders.jpg
Categories
Design
Slug
spectrum-crystal-shaders
framer.com/updates/spectrum-crystal-shaders
Content
Paragraph
Today we’re adding two new Logo Shaders to our library: Spectrum and Crystal. Spectrum is a sleek, black-and-white shader with deflecting lines of light that can be distorted in all kinds of ways. Crystal lets you turn your logo into glass by letting you add your own images, adding realistic refractions, bevels, contours, animations, and dispersion. Available now in Framer.
baseform.framer.website
Baseform®
Art Direction
Visual Design
Work,
Archive,
Profile,
Journal
Let's Talk
Latest News
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
AI
Generate page layouts and advanced components in seconds with AI, so you can skip the blank canvas and start designing with confidence.
Design
Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.
Design
Craft responsive layouts and bring them to life with smooth effects, interactions, and animations. Build exactly what you imagine, visually.
CMS
Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.
CMS
Manage and update your content effortlessly with a built-in CMS. Keep your site fresh without touching code.
Collaborate
Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.
Collaborate
Whether you’re collaborating on the canvas or editing copy directly on the page, updates are seamless and handoff-free.
Talk to sales
Let’s help your team build better.
Get demo
Discover how Framer empowers your team.
Enterprise trial
Try Framer to simplify your workflow.
Custom solutions
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.