www.framer.com Open in urlscan Pro
2600:9000:214f:3c00:1c:bf01:380:93a1  Public Scan

Form analysis
0 forms found in the DOM

Text Content

By continuing to use this website, you consent to the use of cookies in
accordance with our Cookie Policy.

Got it


FRAMER

Why Framer



Templates

Community

Resources



Awards

Feed

Business

Pricing

Log in

Sign up




START YOUR DREAM SITE WITH AI. ZERO CODE, MAXIMUM SPEED.

Start with AI





ANNOUNCING FRAMER AI


 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 

100%



Insert

Layout

Text

CMS


Invite

Publish

Publish


Pages

Layers

Assets

Desktop

Primary · 1200+

Hero



Nav

Hero



Header

Paragraph

Button

Asset



Icon

Video

Image



Clients



Testimonials



Pricing



Footer




Tablet

1199 — 810

Phone

809 — 0

Desktop

Breakpoint


 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 









DESIGN SITES ON A FREEFORM CANVAS. ADD ANIMATIONS, INTERACTIONS AND A CMS.

Lottie



Graphic

SVG

Start Today





Button Component

From Design to Real Site

Straight from the canvas





Heading

Kevin

@kvncnls



It’s like @Figma but you’re actually building the site.

CMS Tweet

Omar Farook

@BuildwithOmar



Framer is like @Figma but for designing and publishing real responsive websites.
Webflow uses the traditional web builder workflow.

Twitter

Arjen van den Brink

@avandenbrink



If you are used to tools like Figma or Sketch, it is pretty easy to get started.

CMS Tweet

YouTube



Click & drag to look around!

CMS Update

new: CMS: Code Blocks and Inline Code

→


READY TO GO LIVE? JUST HIT PUBLISH — NO REBUILDING, NO CODE.



Publish

See what others have launched using Framer



BUILD SITES OF ANY SIZE, SOLO OR WITH YOUR TEAM.


FREELANCERS


AGENCIES


STARTUPS


MARKETING


SCALEUPS


PERSONAL


FREELANCERS


AGENCIES


MARKETING


STARTUPS


SCALEUPS

Quickly grow your website to any size while keeping it performant and optimized
for search engines. Make sure to keep your site clean with Framer’s power tools.
Bring your team together to deliver amazing websites fast.

Learn more

Announce your product with a bang without needing an entire marketing team and
months of preparation. Keep your engineers focussed on more important things,
your site can be managed without any code.

Learn more

Iterate at lightning speed. Quickly build unique landing pages or set up
dedicated SEO pages to drive traffic to your website. Use built-in analytics or
a 3rd party service to track everything.

Learn more

Speed up the process from ideation to client delivery as never before. You’ll
get the support, tools, and awareness to grow your business. Companies like
DesignCo, &blank, and Transcend work with us to move fast and scale globally.

Learn more

With Framer, you get a complete set of tools to design, ship, host, and maintain
stunning websites for your clients. Take on any project confidently, knowing you
can deliver high-quality work quickly.

Learn more

Once you learn how fast it is to publish sites in Framer, you’ll find excuses to
build sites for everything. Kick off your blog, redesign your portfolio, create
an online CV or collect your favorite media. Start building your online presence
today.

Learn more

Desktop

·


1200


Breakpoint




Tablet

·


810


Breakpoint




Mobile

·


390


Breakpoint




Copywriter

Charles



POWERFULLY SIMPLE.

Framer makes building professional sites easy, fast and fun while delivering
best-in-class SEO, performance, and hosting.


START WITH AI

Generate a beautiful first version of your site, then go in and customize.



https://chef.framer.ai




Start

A recipe site for professional chef Abi Roman. Use vivid colors and modern type.
Give an overview of recipies in a grid.




DESIGN & LAYOUT

Use positioning options to fix topbars, sidebars, badges, and backgrounds.


SHIP SITES WITH STYLE





FIGMA PLUGIN

Copy and paste your web designs from Figma to Framer.

https://your-website.framer.website/



Focal




NAVIGATION

Visually structure your pages and link to them easily.


 * DEFAULT


 * HOVER


 * CURRENT


 * DEFAULT


 * HOVER


 * CURRENT


 * DEFAULT


 * HOVER


 * CURRENT

Link Styles




New Style…

A

Purple

#9900FF

A

Blue

Edit

A

Deep Blue

#1300FF

A

White

#FFFFFF





EFFECTS

Use powerful Scroll and Appear effects like Transforms and Parallax scrolling.


EFFECTS


NO CODE



Scroll Animation

Trigger

On Appear



Preset

Scale in

Enter

Effect








CMS

Run a blog, list job openings, or manage your event schedule.

Title

Date


Tint

Image


Exploring Parallax Scrolling in Web Design


5 January 2023



How to Become a Better Web Designer


10 February 2023



How to Create a Website


18 January 2023



Building a Responsive Navigation


28 December 2022



How to Make Accessible...


16 December 2022






SEO

Build lightning-fast, globally optimized sites.

95
0
98



PLUGINS

Connect your site to popular apps.

Video

YouTube

Vimeo

Lottie

GIPHY

Instagram

Facebook

Twitter

Video

YouTube

Vimeo

Lottie

Google Maps


Trustpilot


Tagembed


Spotify


Podcasts

SoundCloud

Apple Music

Simplecast


MP3


Eventbrite

Sign Up


The Fork

Reserve



Gumroad

BUY


Formitable


OpenTable


Product Hunt





SITE MANAGEMENT

Make sure your site looks great when it is shared.

Invite

Publish

Breakpoint




Domains

smart-gaps-203468.framer.app

Updated 2h ago · Floris Verloop

Update



2 Changes

Home

2




Topbar




TONS OF OTHERS LOVE BUILDING AND SHIPPING SITES WITH FRAMER.

Join the Community

Nabeel

@itsnotnabeel



I didn't make any money of my first 50 @Photoshop designs

Never made money of my first 100 @figma screens

I made money of my first @framer design

(made it into a template and sold it)

Designers, don't underestimate the power of bringing immediate value to your
designs

Mariana Castilho

@mrncst



In the last two days I played around with @framer and my new personal site came
together ✨

https://t.co/e9wYxEgRrp

Mani

@BeingMani97



The scroll variant in @framer hits differently. Never imaged that making some
complex things would be easy with that. Everyday i learn something new with
Framer.

Fekry Aiad

@FekryAiad



I have been in a @framer rabbit hole for the past 6 hours without even noticing
as time goes by — its everything I love in Figma combined with everything I love
in Webflow. I am in love 🥰

./on

@oleg_nykolyn



Yo, @framer is sick AF. Mind-blowing tbh.

Miguel Ventura

@migdvv



Learned some basics of @framer yesterday, and today I delivered a landing page
for a client. It's so unreal how small the learning curve is from Figma to
@framer. Absolutely loving it.

DANN©

@DannPetty



I learned how to build a website in @Framer! My goal was to learn the basic
tools in about 20 minutes a day last week. Nothing fancy. No special design.
Just randomness elements that's responsive. Check it out:
https://event-assure-383023.framer.app If I can do it, so can you!

Parker

@_prkr



I was enjoying @framer a lot but I am BLOWN AWAY by their Figma plug-in. From
Auto-layout to flex-box in the browser in seconds; this has completely changed
how I'll build 🤯

Daniël van der Winden

@dvdwinden



I've built pretty handy sites powered by Craft or WordPress in the past, but
seeing @framer tackle CMS stuff so effortlessly is mind-boggling

Daniël van der Winden

@dvdwinden



I've built pretty handy sites powered by Craft or WordPress in the past, but
seeing @framer tackle CMS stuff so effortlessly is mind-boggling

Lauren Waller

@waller_texas



Honestly the @framer publish time is insanely fast. Just published 2 weeks of
changes in 5 seconds 🤯 like it’s almost too fast for such a big moment 😂

Christopher Lo

@ChristopherLoCC



@koenbok @framer Thank you for building such an empowering tool, especially for
designers! The site went from Figma to Framer in less than a week!

Amos

@amosbastian



Playing around with @framer while building a landing page for a side project. I
suck at animations, but they make it so easy 🤩 https://t.co/430Wol69Mm

manoj nayak

@manojnayak



Websites built on @framer look so beautiful ✨

Davo Galavotti

@pixelbeat



A quick word about @framer. Framer is forever changing the experience of
designing for the web. Forget about a design tool. Once you get the basics,
you're not on a design tool anymore. You're creating your product/story in the
medium itself. As friendly & powerful as it is.


START YOUR DREAM SITE WITH AI.

Start with AI





 * Publish for free

 * Unlimited Projects

 * Unlimited AI Generations

 * Free Framer domain

 * Free templates

 * 100 Free CMS Items

 * Mac & Windows

 * Active community

 * 50+ Tutorials

 * Publish for free

 * Unlimited Projects

 * Unlimited AI Generations

 * Free Framer domain

 * Free templates

 * 100 Free CMS Items

 * Mac & Windows

 * Active community

 * 50+ Tutorials

 * Publish for free

 * Unlimited Projects

 * Unlimited AI Generations

 * Free Framer domain

 * Free templates

 * 100 Free CMS Items

 * Mac & Windows

 * Active community

 * 50+ Tutorials



Company

About

Careers


COOKIES


SECURITY


PRIVACY


ABUSE


CHARGES


TERMS



Product

Learn

Plugins

Awards

Agencies

Startups

Freelancers

Business

Pricing

Templates

New

Free

Artificial intelligence

Agency

Blog

Brand Guidelines

Business

Changelog

Ecommerce

Entertainment

Documentation

Health

Landing Page

Membership

Mini

Personal

Photography

Podcast

Portfolio

Splash

Sidebar

Startup

Web3

3D

Resources

Desktop Apps

Partners

Experts

Figma Plugin

Webflow vs. Framer



Support

Updates

Hype Feed

Community

Contact


Link to Twitter feed
Link to YouTube channel
Link to Instagram feed

Link to Dribbble shots


FRAMER B.V. © 2023