Design · Website

Framepad

UI kit and design system of components and layouts for Framer.

Visit framepad.co ↗

Framepad is a comprehensive UI kit and design system built specifically for Framer. It includes hundreds of pre-made responsive components, section layouts, and pre-built pages configured with global text and color styles. It lets designers and developers assemble polished Framer sites quickly without rebuilding standard UI elements from scratch.

What it's for

  • Assemble marketing sites quickly using pre-made Framer sections and layouts
  • Maintain visual consistency across client projects using centralized global color and typography styles
  • Build commercial Framer templates to sell using the Creator tier license
  • Add responsive UI blocks and smart components with built-in variants into an existing Framer project

Features

  • 450+ components and variants configured with component properties
  • 200+ pre-built responsive website layout sections
  • 74 flexible global text and color styles
  • Dynamic light and dark mode support
  • Pre-built full pages with integrated scroll effects
  • One-time payment covering unlimited personal and client projects

Pricing

Paid. $129 one-time for Pro (unlimited projects); $329 one-time for Pro Creator (allows selling Framer templates)

Details

Type
Website
Category
Design
Topic
UI Components
Open source
No
Platforms
Web
For
Framer designers, web agencies, freelancers, and template creators.
Alternative to
Relume Library, Untitled UI
Tags
framer, ui kit, design system, web design, no code, components

Why it was saved

  • @matteotiscia, 24 March 2024: Real product by the author (@matteotiscia): huge component library, global text/color styles that apply everywhere, hundreds of unique pre-made layouts, and a Canvas Page picker listing pre-built Hero sections to drag in.

Related

  • shadcn/ui

    Copy-paste React UI components built with Tailwind CSS and Radix primitives.

  • Efferd

    Pre-built, responsive shadcn/ui blocks and layouts for React applications

  • Motion

    Open-source animation library for React, Vue, and vanilla JavaScript

  • React Bits

    Open-source animated and interactive React UI components and backgrounds

  • 21st.dev

    Curated directory of crafted React, Tailwind, and shadcn UI components.

  • lucide-animated

    Open-source animated React icons built with Lucide and Motion

All 114 in UI Components →

Updated