www.framer.com Open in urlscan Pro
2600:9000:211e:1400:1c:bf01:380:93a1  Public Scan

Submitted URL: http://www.framer.com/
Effective URL: https://www.framer.com/
Submission: On November 20 via api from US — Scanned from DE

Form analysis 0 forms found in the DOM

Text Content

We use cookies to analyze site performance and deliver personalized content. By
clicking “Agree”, you consent to our Cookie Policy. You may change your settings
at any time.

Decline

Agree


SUCCESS STARTS
WITH A SITE.

Start with AI





You can also design your site from scratch or start from a template

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

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

Tweet

@kvncnls



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

CMS Tweet

Tweet

@BuildwithOmar



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

Twitter

Tweet

@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: Component Effects

→


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.




LOCALIZATION

Effortlessly tailor your website to multiple languages and regions.


奖项


资讯


价格

English

Dutch

Chinese




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 site for free.

START WITH AI

Generate your first page with AI. Input a prompt and go live in seconds.

Generate Site



START FROM A TEMPLATE

Browse hundreds of free and paid Templates and customize every detail.

Browse Templates



Features


LAYOUT





CMS





LOCALIZATION





EFFECTS





SEO & PERFORMANCE





SITE NAVIGATION





SITE MANAGEMENT





ENTERPRISE





DEVELOPERS




Resources


TEMPLATES





ACADEMY





UPDATES


NEW


HYPE FEED





CUSTOMERS





BECOME A PARTNER





BECOME AN EXPERT





DOWNLOAD FOR DESKTOP





FIGMA TO FRAMER





HTML TO FRAMER




Company


CAREERS


HIRING


SECURITY





PRIVACY





ABUSE





CHARGES





TERMS





COOKIES




Community


COMMUNITY







MEETUPS





SITE AWARDS




Support


CONTACT





FAQ






An SVG icon of the Framer Logo.


FRAMER

Link to YouTube channel

Link to Instagram feed


An SVG icon of the Framer Logo.


FRAMER


FEATURES




RESOURCES




COMMUNITY




CUSTOMERS


ENTERPRISE


PRICING


LOG IN

Sign up