The first Saas UI kit made for Framer Agent.

Go beyond prebuilt templates. Build custom SaaS pages with native Framer components and a system designed for Framer Agent.

Get Basis Now

Components

Design system

One system. Every new page.

Type /design-system in the Agent panel with your prompt to create your first page based on this design system.

Recommended model: GPT 6.1 Sol or above.

One system. Every new page.

Type /design-system in the Agent panel with your prompt to create your first page based on this design system.

Recommended model: GPT 6.1 Sol or above.

Why Basis©

Your ideas. Not just prebuilt sections.

Basis is a UI kit built for SaaS companies that want to create more than just another template-based website. With native Framer components, a connected design system, and dedicated skills for Framer Agent, you can build fully custom pages tailored to your brand, without starting from scratch.

Components

Native

Text styles

Styles

Color styles

Tokens

Framer native

100%

Built-in

Browse

Design System

Components

Section Examples

Skills

Frequently Asked Questions About Basis

What is Basis?

Basis is a native Framer UI kit built for SaaS companies and powered by Framer Agent. It combines reusable components, connected styles, and dedicated Agent skills to help you create custom websites without starting from scratch.

How is Basis different from a regular Framer template?

Traditional Framer templates come with predefined pages and sections. Basis gives you individual building blocks and instructions for Framer Agent, allowing you to create layouts tailored to your brand, content, and needs.

Do I need design or coding experience to use Basis?

No. Basis is designed for founders, SaaS teams, and anyone looking to build a professional website. Framer Agent helps you assemble layouts, while Basis provides the underlying design system.

How does Basis work with Framer Agent?

Open Framer Agent, activate the /design-system skill, and describe the page you want to create. The skill guides Framer Agent to use Basis components, styles, and design conventions when building your page.

Can I use Basis to build a complete SaaS website?

Yes. Basis provides components and reference layouts for landing pages, product websites, pricing pages, feature sections, and other common SaaS use cases.

Are all Basis components native to Framer?

Yes. Basis includes 28 reusable Framer components with customizable properties, variants, and interactions. They're designed to work within Framer without requiring custom code for their core functionality.

Can I customize Basis to match my brand?

Absolutely. You can customize typography, colors, images, content, and component properties directly in Framer. Connected styles help maintain consistency across your website.

Can I create custom layouts instead of using predefined sections?

Yes. That's the core idea behind Basis. Rather than limiting you to existing page sections, Basis lets you combine individual components to build layouts around your specific requirements.

Does Basis include a design system?

Yes. Basis includes reusable components, 25 text styles, and 25 organized color styles, along with reference sections and design rules to maintain a consistent visual language.

Can I use Basis for client projects?

Basis is designed to support SaaS websites and other commercial use cases. Please refer to the applicable license for the exact terms of use, redistribution, and client projects.