Kickstart responsive sites in Framer
Framepad Starter is a lightweight framework and set of methods to improve your process and build consistent, structured sites in Framer.
The best way to build in Framer
No, seriously.
Systemise spacing with global spacing blocks, padding and margin
Consistent spacing built in, from the get go. Control global section margins and top/bottom padding with a single parameter, site-wide. Unlock another way to build and space elements visually with spacing blocks. Learn how to use these spacing strategies.
c
Desktop to mobile responsiveness, right out of the box.
Out of the box, Framepad Starter has a default layer structure that's built with best practices in mind. Ship responsive, expert built sites in no time! Learn how the Starter layer structure works.
Define consistent typography, colours, container sizes, UI elements and more
Set up and keep track of all styles on your site with the Starter Style Guide. Define headings, paragraphs, text links, colors, container sizes, spacing sizes, buttons and more! Learn how to use the style guide.
All methods and guidlines
Designed to speed up your workflow

Adjust and control global page padding and margin, with a single parameter.

Define global section padding with a single parameter, to ensure consistent spacing.

Use spacing blocks to visually space elements without a complicated layer structure

Apply pre set heading styles, and customise them to fit your brand.

Style text with flexible and customisable pre set text styles, organised by size.
Document all styles, colors, spacing blocks and container sizes for a single source of truth.
Add pre-built and modular UI elements to any project. They're completely customisable and quick to add.
Built to work with Framepad Components↗. Get access to 200+ pre-built web layouts to speed your workflow.

See Framepad Starter in action
Try out Framepad Starter with a demo site created using all the Framepad Starter features and strategies.
Frequently Asked Questions
Is Framepad Starter free to use?
Yes! Simply click here to remix the Framepad Starter file. We'll also be updating the file frequently, free forever. We recommend coming back and remixing the starter file for every new project you make, to ensure you are using the most up to date version.
Can I build any project using this starter file?
Yes! Simply click here to remix the Framepad Starter file. We'll also be updating the file frequently, free forever. We recommend coming back and remixing the starter file for every new project you make, to ensure you are using the most up to date version.
Does the Framepad Starter file come with any pre-set layouts?
Yes! Simply click here to remix the Framepad Starter file. We'll also be updating the file frequently, free forever. We recommend coming back and remixing the starter file for every new project you make, to ensure you are using the most up to date version.
Is there documentation on using the starter file?
Yes! Simply click here to remix the Framepad Starter file. We'll also be updating the file frequently, free forever. We recommend coming back and remixing the starter file for every new project you make, to ensure you are using the most up to date version.
How can I get support for Framepad Starter?
Yes! Simply click here to remix the Framepad Starter file. We'll also be updating the file frequently, free forever. We recommend coming back and remixing the starter file for every new project you make, to ensure you are using the most up to date version.
Try out Framepad Components
Get a hold of the largest Framer component library & framework. Built for speed and consistency. You've never built a site this fast before.