Framer — Design and ship your dream site. Zero code, maximum speed.

Made in Framer

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: Sections 2.0

→

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

Drag the elements!

CMS Update

new: Sections 2.0

→

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

Drag the elements!

CMS Update

new: Sections 2.0

→

Ready to go live? Just hit publish — no rebuilding, no code.

Publish your site

Publish

See what others have launched using Framer

See what others have launched

Build sites of any size, solo or with your team.

Freelancers

Agencies

Startups

Marketing

Scaleups

Personal

Freelancers

Agencies

Marketing

Startups

Scaleups

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.

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.

Startups—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.

Personal—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.

Agencies—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.

Freelancers—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.

Personal—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

Mobile

390

Breakpoint

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.

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

Link Styles

New Style…

Purple

#9900FF

Blue

Edit

Deep Blue

#1300FF

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

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.

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

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

Topbar

Tons of others love building and shipping sites with Framer.

Join the Community

Lan Belic
@lanbelic
I was in this loop for past 5 years. Until @framer launched Sites. Now my "portfolio" is live already in its 3rd iteration in 1 month and I'm already working on new one.
Steve
@stvehayes
Turns out @framer sites is insanely good. I wonder how long before it takes a big chunk of the market – especially sites for personal, freelance, and startups.
Cédric
@cedric_design
I've been using the new @framer for quite some time now and I can say it has completely changed building websites without code. Seeing what @jornvandijk, @koenbok and their awesome team are building could disrupt the whole nocode industry like Uber did to taxis. Keep it up 👏🏼
Ashish ✦ ashuxi.eth
@Ash_uxi
@framer is such an uncomfortably underrated tool. 💎
Comoco
@comocolabs
Thanks to the Framer team @framer for providing such a great toolkit, so we can focus our time on pushing the technology and product forward! 🙏
Beto
@betomoedano
I designed, developed, and deployed this website in 15 minutes using @framer Sites. Still can't believe it!

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

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

./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.

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.

Davo Galavotti

@pixelbeat

Iddan Aaronsohn

@iddan

Framer sites is crazy. It’s as powerful as WebFlow but as intuitive as prototyping in Figma. I’m sold. Kudos to the @framer team.

Ashish ✦ ashuxi.eth

@Ash_uxi

Productive day: Spent my Saturday learning @framer and boy oh boy super underrated piece of software. Within half an hour I got hang of the interface and I end up moving my links from webflow to framer. ashlinks.framer.website. Great job @jornvandijk and team 👏🏼👏🏼👏🏼

Sanket Sahu

@sanketsahu

I can't get enough of @framer sites! 🔥 We are building some serious community websites without any developer involvement!...and I think that's a win for this product.

Starting with Framer is easy, fast, and free.

Starting with Framer is easy, fast, and free.

Start for free

Publish for free
Unlimited Projects
Free your.framer.app domain
Free templates
100 Free CMS Items
Mac & Windows
Active community
50+ Tutorials

Made in Framer

Design sites on a freeform canvas. Add animations, interactions and a CMS.

Design sites on a freeform canvas. Add animations, interactions and a CMS.

Design sites on a freeform canvas. Add animations, interactions and a CMS.

Ready to go live? Just hit publish — no rebuilding, no code.

Build sites of any size, solo or with your team.

Freelancers

Agencies

Startups

Marketing

Scaleups

Personal

Freelancers

Agencies

Marketing

Startups

Scaleups

Freelancers

Agencies

Startups

Marketing

Scaleups

Personal

Freelancers

Agencies

Marketing

Startups

Scaleups

Powerfully simple.

Design & Layout

Ship sites with style

Figma Plugin

Navigation

Default

Hover

Current

Effects

EFFECTS

EFFECTS

NO CODE

CMS

SEO

Plugins

Site Management

Tons of others love building and shipping sites with Framer.

Starting with Framer is easy, fast, and free.

Publish your site for free

Starting with Framer is easy, fast, and free.

Publish your site for free

Starting with Framer is easy, fast, and free.

Start for free