Introducing the Makerkit UI Storybook

Announcing the Makerkit UI Storybook: a collection of all the components that make up the Makerkit kits. You can use this to see how the components work and to get inspiration for your own projects.

·2 min read
Cover Image for Introducing the Makerkit UI Storybook

We are excited to announce the Makerkit UI Storybook. This is a collection of all the components that make up the Makerkit UI. You can use this to see how the components work and to get inspiration for your own projects.

What is Storybook?

Storybook is an open source tool for developing UI components in isolation, which can improve component reuse, testability, and development speed. It allows you to browse a component library, view the different states of each component, and interactively develop and test components.

Where can I find the Makerkit UI Storybook?

You can find the Makerkit UI Storybook at https://ui.makerkit.dev.

It still early days for the Makerkit UI, so I am working hard on writing more documentation and examples so to help you use the Makerkit components in your projects.

If you have any suggestions for components you would like to see, please let us know in the Makerkit Discord.

What will you be working on next?

My goals for the Makerkit UI are to:

  • providing a more consistent and accessible UI for all the kits
  • document all the components and how to use them in a better way, and I do think the Storybook will greatly help with this
  • break more components into many smaller components, so that they can be used in more places and be more flexible
  • ultimately, adding more components to the Makerkit UI, so to be a standalone UI kit

Conclusion

I hope the Makerkit UI Storybook can be helpful in its current state already. If you have any questions or suggestions, please let us know in the Makerkit Discord.

Ciao!


Stay informed with our latest resources for building a SaaS

Subscribe to our newsletter to receive updatesor

Read more about

Cover Image for Makerkit ❤️ Radix UI

Makerkit ❤️ Radix UI

·2 min read
Makerkit migrated its UI Components to Radix UI, bringing a new look and feel to the platform.
Cover Image for Changelog: New Stripe Subscriptions Pages

Changelog: New Stripe Subscriptions Pages

·3 min read
We've redesigned the Makerkit subscriptions pages. Let's take a look at the new design.
Cover Image for Planning Makerkit's 2023

Planning Makerkit's 2023

·2 min read
A plan for the coming year at Makerkit. New kits, new blog posts, new documentation, courses, and more.
Cover Image for v0.5.0: Design Improvements and code-cleanup

v0.5.0: Design Improvements and code-cleanup

·2 min read
The version 0.5.0 adds improvements to the overall design, and adds Firebase Storage security rules backed by Firestore
Cover Image for v0.4.0: Phone Authentication

v0.4.0: Phone Authentication

·2 min read
The version 0.4.0 adds the ability to sign-in using a Phone number, and adds design and usability improvements to the authentication pages
Cover Image for v0.3.0: Multi-Factor Authentication and Multi-Provider accounts

v0.3.0: Multi-Factor Authentication and Multi-Provider accounts

·2 min read
The version 0.3.0 adds the ability to enable Multi-Factor Authentication and for users to link their account to multiple providers