Newly launched - Plugins

A curated collection of Framer resources for designer and creators

View now

No code. No setup. Just drop them in and start creating These resources help you move faster, build better and stay focused on design Templates that look great and Components that just work

No code. No setup. Just drop them in and start creating These resources help you move faster, build better and stay focused on design Templates that look great and Components that just work

No code. No setup. Just drop them in and start creating These resources help you move faster, build better and stay focused on design Templates that look great and Components that just work

Resources that speed up your process

Menus

SEO friendly menus for fast clear site navigation flow

Components

Modular components for faster builds and interactivity

Sections

Flexible sections for fast clear site page layouts

Code Components

Production ready code components for smoother performance

Buttons

High impact buttons that boost clicks and improve UX

Forms

Responsive accessible forms that raise completion rates

Read about insights, tools & tips

Better Nav animations with layout templates

Designing a video-driven growth agency experience in Framer

Faster video with HLS in Framer

Fast, reliable FAQs in Framer

A better video player for Framer

Stunning social Previews in Framer

Framer code hacks

Controlled vs uncontrolled components

Learn the difference between controlled and uncontrolled components in Framer for better state management.

Token-aware colors and fonts

Learn how to make your Framer components token-aware for consistent themes and styles across your projects.

Default sizing done right for code components

Learn how to set intrinsic sizing for components in Framer to ensure optimal design and usability.

Guard logic for Canvas vs Preview

Learn how to guard your Framer code components for optimal performance in Canvas vs Preview environments.

Group your property controls

Learn to group property controls in Framer for a cleaner, more efficient design experience.

Make code components auto-size correctly on the Canvas

Learn how to ensure your code components auto-size correctly on the Canvas with Framer's layout annotations.

Frequently asked questions

What is Framerlists?

A curated library of premium Framer templates, code components, and UI blocks designed to launch beautiful sites fast without losing craft.

What is Framerlists?

A curated library of premium Framer templates, code components, and UI blocks designed to launch beautiful sites fast without losing craft.