December Updates in ComponentsKit 🎉

December Updates in ComponentsKit 🎉

We’re thrilled to announce the latest update to ComponentsKit—packed with new components, improved theme configurations, and an exciting bonus reveal at the end. Let’s dive into the details!

New Components

This version introduces five new components, expanding your options for crafting stunning app interfaces. Here’s a closer look:

Countdown

Perfect for showcasing limited-time offers or indicating upcoming events, the Countdown component helps create a dynamic and engaging user experience.

Countdown example

Alert

Deliver critical information to your users with the Alert component. Functions as a default iOS alert but tailored to the ComponentsKit style and has many configuration options.

Alert example

Card

The Card component is a versatile container for text, images, and other content. Use it to create banners, collection cells, or other UI elements effortlessly.

Card example

Center and Bottom Modals

Modals let you present content in a pop-up view. Whether centered or positioned at the bottom, these modals are fully configurable to meet your app’s needs.

Center Modal exampleBottom Modal example

Configuration Improvements

This update includes significant enhancements to the configuration system, making it more flexible and intuitive:

  • Font Updates:
    We’ve replaced the previous small, medium, and large font sizes with four font sets:

    • Button Fonts
    • Headline Fonts
    • Body Fonts
    • Caption Fonts
    Each set includes three sizes, providing greater flexibility when designing your app.

  • Background Color Customization:
    The ComponentColor now includes a backgroundColor parameter. This parameter is used by components with a light style and can also be applied to custom components with background color properties in their model.

  • New Color Palette:
    We’ve added four basic colors—content1, content2, content3, and content4. These colors are utilized in default styles for several components, including inputs, buttons, etc.

Open Sourcing the Library

And now for the big reveal: ComponentsKit is now Open Source!

This means the library is now free and accessible to everyone. Developers worldwide can use, customize, and contribute to ComponentsKit, making app development faster.

We’re excited to be part of your app-building journey and look forward to continuing to enhance the library with new components and features. Stay tuned for future updates—we’ve got so much more in store!

👉 Get started with ComponentsKit today!