Home

Components

Pricing

Docs

Changelog

Get In Touch

Preview

Buy Now

May 8

New Components Added from Requests

Ship your design system in minutes.

From the authors at UI Collective.

Adjust the primary color scale and you're done. Fresh layouts and components added weekly — no extra cost.

Preview

Docs

Desktop

Codify - Framer template

Free

Share

Publish

Designer
Developer

From Experts Trusted by 50,000+ Designers Globally.

Learned from teaching thousands. Trusted by 50,000+ designers. This system is built by the folks behind the #1 source for design system education.

Light & Dark Mode, Built In

No clunky overrides. No manual duplication. Just seamless theming that works right out of the box.

Rebrand in Seconds

Change your entire brand look—light mode, dark mode, typography, colors—without hunting through dozens of layers. Our design token system makes global updates effortless.

WCAG-Compliant by Default

Accessibility baked in from the start. Colors, contrast, and interaction states all meet WCAG standards, so you don’t have to stress.

Templates Built from Experience

Templates built for you, from designers who have been there, and done that. Our templates work for SAAS, enteprises, or even solo designers.

New

Unifying Possibilities

One System. Many solutions.

🏢 Enterprise-Ready. Startup-Friendly. Solo-Approved.

Designed for high-complexity products like SAAS platforms, but flexible enough for small teams.

Weekly Updates, Always Improving

We treat this system like a living product. You’ll get new components, refinements, and enhancements every week.

The UI Kit & Design System that's actually easy to use

Unlock hundreds of components, weekly page template drops, and thousands of combinations.

Settings
Alert
Data Index
File Upload
Menu
FAQ Block
Date Picker
Pricing Pages

Browse Components

New

Testimonials

Time is money. The Collective Kit saves both.

The Collective Kit empowers designers around the world to streamline their products, move faster, and be a better designer.

Amir Mot

Humbytlics

The Collective Kit gave our team structure and clarity. It's everything we needed to scale design without losing consistency.

Paul Chesher

MediaTown Design

We integrated the Collective Kit in a day. It's like getting months of design ops done in hours—total game-changer.

Shane Gauthier

Waking Digital

I wish we had this years ago. The Collective Kit cuts the chaos and sets a solid foundation for scaling great design.

Max Antipin

Eight Parralel

From tokens to templates, everything just works. The Collective Kit turned our scattered files into a unified, scalable system.

Karla Congson

CEO, Open Gravity

The design logic is flawless. Our team saved hours each week after switching to the Collective Kit. It's that good.

Ajanatha Ganeshaligam

Fintex

This kit understands real design problems. Variables, components, structure—it’s all dialed in and ready for serious teams.

Yuni Jo

RBC

I’ve tried a dozen kits, but this one’s different. Clean, thoughtful, and insanely helpful for real product design work.

Saurabh Suri

Red Brick Labs

With Collective Kit, our design handoff is smoother, faster, and more consistent. It’s become a core part of our workflow.

Andrew Safranko

Dedication Agents

The Collective Kit isn’t just a file—it’s a system. Everything is set up for scale, clarity, and speed. Absolute essential.

Transparent Pricing

Explore straightforward plans tailored to your needs for transparent value-driven success.

Solo

For solo designers and freelancers

$99

one time

Get Started

Single User License

All Components + Variants

Variables + Text Styles

Unlimited Usage

Email Support

Weekly Updates

All future releases

Team

For teams with multiple designers.

$249

one-time

Get Started

Team License

All Components + Variants

Variables + Text Styles

Unlimited Usage

Email Support

Weekly Updates + Releases

Free Consulting Session

1 Page Template Request

Enterprise

We'll customize the current kit to meet your brand standards.

Custom

Get Started

Custom design system

Private documentation site

Custom code

Monthly support

Team training

Design system strategy

Multi-language development

New

Your Design System Experts

Enterprise Support Available

Unlike other design systems, we can integrate the Collective Kit, or a custom design system, into your environment.

Custom Code & Components

Get tailored code snippets and ready-to-use components built to match your exact needs, tech stack, and design system standards.

Private Documentation Site

A fully branded, private documentation hub for your team—organized, searchable, and built to scale with your design system.

Enterprise Grade Support

Priority support with expert guidance, onboarding, and design system consulting to help your team scale with confidence.

Explore Our FAQs

Find quick answers to commonly asked questions about the Collective Kit. Have a question not listed? Ask us!

How do I access recent versions?

You can access the latest versions through Lemon Squeezy or by emailing kirkland@uicollective.co.

Can I use it for commercial projects?

Yes!. The design system is licensed for both personal and commercial use across unlimited projects.

Can my team use it?

One purchase grants usage across your design and dev team if you purchase a team version.

Can I use it in production?

Definitely. The kit is made to be production-ready and optimized for real-world design workflow

What's included?

All components, modes, variables, are included in the purchased version.

Do you offer education discounts?

Yes! We offer student and educator discounts. Just reach out with proof of enrollment or affiliation.

The Design System that's actually easy to use

Unlock hundreds of components, and thousands of combinations.

Color Palette
Input
Date Picker
Pagination

Buy Now

Docs

Data Display

Label

Field

Input

Text Area

Date Picker

List

Checkbox

Radio Button

Switch

Badge

Tags

Interactive Tag

Avatar

Avatar Label

Avatar Group

Loader

Loader Overlay

Alerts

Navigation

Button

Button Icon

Link

Logo

Menu

Multi-Select Searchable

Dropdown

Carousel

Tooltip

Closeable

Wayfinding

Breadcrumb

In-Page Navigaton

Tab Bar

Pagination

Keyline

Progress Bar

Progress Circle

Half-Circle

Side Navigation

Top Navigation

Functional

File Upload

Reordable List

One-time code

Section Headers

Page Headers

Footer

Checkbox Groups

Designers

Docs

Education

Support

Changelog

Pricing

Product

Components

UI Collective

Figma

Students

Contact us

Legal

Terms

Privacy

The Collective Kit is an independent initiative by UI Collective, built to support designers This project is not affiliated with Figma. Designed and developed by the UI Collective team. Proudly created in Toronto, Canada.

Terms.& Conditions

Privacy Policy

© 2025 Collective Kit. All rights reserved.