Introduction

Please Note!

This library is under active development and some features might be missing and expect breaking changes in future updates.

Please Note!

This library is under active development and some features might be missing and expect breaking changes in future updates.

How does it work

blak/ui is a collection of reusable UI components that you can copy and paste into your Framer projects, or use as a starting point to build your own component library. It's designed to help you build UIs quickly in Framer with easy theming.

blak/ui is heavily inspired by shadcn/ui

Component Features

Each component is tagged with its features, such as:

  • Component type (Design or Code)

  • Dark mode compatibility

  • Whether it includes sub-components

  • Variant availability

  • Overlay compatibility

How to use

  1. Copy the component's URL from the preview in Framer.

  2. Paste it into your Framer project.

  3. Optionally, detach the instance to create your own variations.

Next Steps

blak/ui

For the best experience, please view this on a larger device.

For the best experience, please view this on a larger device.