New plugin launched

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

Sections

Flexible sections for fast clear site page layouts

Menus

SEO friendly menus for fast clear site navigation flow

Code Components

Production ready code components for smoother performance

Components

Modular components for faster builds and interactivity

Forms

Responsive accessible forms that raise completion rates

Buttons

High impact buttons that boost clicks and improve UX

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

Guard logic for Canvas vs Preview

A simple guard to enhance performance by separating editor logic from runtime behavior in Framer components.

Group your property controls

Learn how to enhance your component UX by grouping related property controls for a cleaner, more efficient design.

Make code components auto-size correctly on the Canvas

Learn how to ensure code components auto-size correctly on the Canvas with Framer using TypeScript annotations.

Controlled vs uncontrolled components

Learn the difference between controlled and uncontrolled components in Framer for predictable and flexible design.

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.

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.

Home

Components

Plugins

Templates

Blogs

Code

Components

Plugins

Blogs