Updates

Exciting Extended Form Components for Framer!

I am thrilled to announce a significant update to my Framer Component Library! The latest update introduces an array of new form components designed to enhance your design and development workflows.⁠

1. Checkbox component

I'm excited about this component with its customizable checked and unchecked states, ensuring that you can tailor the appearance and behavior to fit your project's needs.

2. Radio group component

I've taken customizable radio buttons a leap forward with our new radio group component. This addition allows you to create customizable radio button groups, featuring flexible styling options, custom components for selected and unselected states, and comprehensive integration capabilities.

3. Enhanced Input Fields

I've also introduced enhanced Framer's input field component that comes with a variety of new features such as labels, placeholders, help text, and icons. These enhancements ensure more accessible and user-friendly forms.⁠

4. Hidden Inputs

Another valuable addition I'm proud of is the Hidden Input component, designed to store data invisibly within forms. This component is perfect for securely managing hidden form data without impacting the visual layout of your design.

Integration and User Experience

Seamless Integration with our new Form provider

I've designed all new components to integrate seamlessly with the new Form provider component, making the creation of dynamic and responsive forms easier than ever. With enhanced state management and dynamic feedback options, you can customize success and error messages or redirect actions to improve user interaction during form submissions.

I am excited to see how these additions will inspire your creativity and enable you to build more interactive and visually stunning designs.⁠⁠​

I encourage you to explore these new components and make the most out of your Framer projects. Stay creative and happy designing!

Hey Framer enthusiasts!

I'm excited to share some fantastic updates and fixes that I've been working on for blak/ui the last few weeks.

What's New

1. Revamped Documentation: I've completely overhauled the getting started documentation to help you dive into blak/ui with ease. The first example will guide you step-by-step for a seamless start.

2. New Components: I’ve added four new components to streamline your work:

   • Carousel: A straightforward carousel built right in Framer, perfect for showcasing multiple items or images.

   • Combobox: This hybrid design and code component serves as an autocomplete input and command palette with a list of suggestions, making it ideal for displaying large sets of information.

   • List Item: Designed in Framer, this single point item lets you create lists quickly and efficiently.

   • Toast: The new toast component allows you to trigger notifications from any design element and integrates effortlessly with all your Framer creations.

New Examples

Check out the latest landing page example to see how we you can use blak/ui. It's a great way to get inspired and see how you can use them in your projects.

I can't wait for you to try out these updates and see how they enhance your design process. Dive in and let me know what you think!

P.S you can follow me on X

Happy Building!

Beta v0.1 now available.

Hi, I'm Dylan, and I've been working on the blak/ui project for a few weeks. I'm excited to officially announce that blak/ui is now generally available. To get started, head to the docs.

Background

I started this project to help me work faster in my other Framer projects. I often found myself creating the same primitive web components repeatedly. To overcome this bottleneck, I started blak/ui. The initial launch includes 21 free components, all designed in Framer.

Future updates

Working towards v1, I'm working on more complex code components and examples of how to use these components to build more complex UIs in Framer. If you find this project useful, feel free to follow me on X for more updates.