Updating all Phoenix components to support basic accessibility was one of the major tasks the Mishka team tackled in this release of the Mishka Chelekom library. We’re excited to announce that our Phoenix UI library, version v0.0.5, is now live.

In this version, you’ll find a variety of new components, including an enhanced gallery with filter options, several new progress bar styles, new hooks like one for minimizing the sidebar , and fresh components such as clipboard copy, layouts , and more. All these updates—which we’ll explore further—come alongside foundational accessibility support implemented across all Phoenix components.

Before diving into the new features, we’d like to sincerely thank those who have generously supported this project in recent months. While contributions have been limited, and funding modest, we remain committed to pushing forward.

We hope the Elixir and Phoenix communities will continue to back this effort. Every contribution—even just the cost of a cup of coffee each month—helps sustain and grow this open-source library, keeping it free and accessible to all.

What’s New in Mishka Chelekom from v0.0.5:

(A detailed list of the new features follows...)

Sidebar Improvements with Minimized Mode Support

In the new version, we focused on enhancing the sidebar in several key areas, including performance, animations, and new functionality. You can now easily enable minimized and maximized states using a simple property. See more Phoenix Sidebar component

Introducing the Layout Component

As you know, Phoenix allows seamless use of Tailwind. However, when working actively with Phoenix components in a project, you often need a structured approach that combines utility and clarity in a single line to improve code readability and speed up development. The Layouts component provides all of that in one place. See more Phoenix layout component

Gallery Component Enhancements: Filters, Performance, and Animations

The Phoenix Gallery component, introduced in earlier versions, was well-received—so we took it a step further. We've added a hook and new features like filtering images by name and category. Additionally, we've optimized its performance and improved the animation experience for smoother visuals. See more Phoenix gallery component

New Circular and Semicircle Styles with Tooltip for the Progress Bar Component

Progress bars are commonly used in dashboards and admin panels, especially to display stats or track progress. To make them more versatile and enjoyable to use, we’ve added new styles—Circular and Semicircle—along with tooltip support in this version. See more Phoenix progress component

New Phoenix Clipboard Hook and Component

This simple yet powerful addition includes both a hook and a component for Phoenix, allowing you to create a clipboard feature for any HTML element on the page. It’s designed to be highly customizable and adaptable to various use cases. Built with flexibility in mind, this base component can be easily integrated into many of your other components. See more Phoenix clipboard component

Carousel Component Rewrite with Lazy Loading and Image Skeletons

The Phoenix Carousel component, one of our earliest and most widely used components, has now been completely rewritten in JavaScript based on user feedback. This new version includes a fresh hook that delivers a noticeably smoother and cleaner experience right from first use.

We’ve also added lazy loading for images that haven’t yet been loaded in the user's browser, along with professional-looking skeletons to enhance the visual experience during loading. See more Phoenix carousel component

Centralized Icon Dependency Instead of Loading Icons Per Component

Our initial approach was to keep components fully isolated, which led us to include the Icon component individually within each one. However, this created a major issue: users couldn’t easily integrate a new icon package without manually modifying all their components.

In this version, we’ve made a major update—now, all components that use icons rely on a centralized Icon component dependency, making customization and integration significantly easier.

Accessibility Added to All Phoenix Components

And finally, we’re proud to share that we’ve worked hard to implement basic accessibility across all Phoenix components and Mishka’s LiveView features. While there’s still room for improvement in future releases, most components have already undergone significant updates to support accessible design.

In this release, we successfully closed 91 issues and pull requests, marking what we hope is a major step forward in optimizing our components.

✈️ ♿️ Do you want to start using Mishka Chelekom? Just you need read this documentation to get started. One Command to install 🔥

🌟 🫣 Please do not forget to star Mishka Chelekom project Mishka Chelekom Github

Roadmap for Version 0.0.6

In the upcoming v0.0.6 release, we will focus heavily on preparing for support of custom design systems, architecture and enhancing and supporting components for Phoenix version 1.8.

Custom Support and Services

We understand that some companies and clients may have specific needs that either fall outside our current roadmap or require faster implementation. To address this, we’ve introduced a custom support and services section.

Through this service, you can:

• Request exclusive components tailored to your requirements
• Have your design systems and UI designs fully implemented using our component architecture
• Receive CLI-ready solutions designed specifically for your projects

For more details, feel free to explore our custom services section.

Final Words

Finally, we kindly ask all friends and users of the Mishka Chelekom project to consider supporting us with a small monthly contribution, even equivalent to one or two cups of coffee. Your support allows us to dedicate more time and resources to the project and continue expanding its features.

We look forward to bringing you even more exciting updates in the upcoming versions.

Special thanks to our financial supporters ♥️

@alisinabh | @minidfx | @maxmannen | @pcharbon70 | @lamaarmy84 | @aldrin-ronco | @axelson | John Nyukuri

Thank you, Mishka Team