# Framepad

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

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.

Website: https://framepad.co/

## What it is 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](https://xiry.app/topics/design.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- 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](https://x.com/matteotiscia/status/1771882900172251358): 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](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/framepad

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.