Framer Components Library

Ready-to-use Framer components with UX tips, implementation guides, and best practices. Build better websites faster with our component library.

Browse by Category

navigation

hero

pricing

social-proof

content

forms

buttons

cards

media

All Components

8 components
P

Pricing Table

A flexible pricing table component with multiple tiers, feature comparison, and call-to-action buttons.

pricing4 variations
H

Hero Section

Eye-catching hero sections with headlines, subheadings, and primary CTAs.

hero4 variations
N

Navigation Bar

Responsive navigation bars with dropdowns, mobile menus, and sticky behavior.

navigation5 variations
T

Testimonials

Customer testimonial sections with quotes, names, and photos.

social-proof4 variations
F

Footer

Comprehensive footer with links, social media, and contact information.

navigation4 variations
C

CTA Button

Call-to-action buttons with various styles and states.

buttons5 variations
F

FAQ Accordion

Frequently asked questions with expandable accordion functionality.

content4 variations
C

Contact Form

User-friendly contact forms with validation and success states.

forms4 variations

Why Use Our Components?

✓ UX Best Practices

Each component includes UX tips and design guidelines.

✓ Implementation Guides

Step-by-step instructions to build each component.

✓ Multiple Variations

Different styles and layouts for each component type.