When a developer first transitions from the JavaScript ecosystem—especially from libraries like React and Vue —to Phoenix and Phoenix LiveView, one of the biggest challenges they might face is the lack of suitable UI packages and ready-to-use components. About 12 months ago, the Mishka team began monitoring major libraries like Mantine and ShadCN, and to complement their research, they also explored high-level enterprise packages in languages such as C# .

Now, with version 0.0.4 of the Mishka Chelekom library, you can have everything you see in the JavaScript ecosystem right inside Phoenix. What makes it especially powerful is that it can be easily integrated into your project via the CLI, with customization options tailored to your specific needs.

The Chelekom library and its UI toolkit have grown to include nearly 90 components, covering all the essential needs of a professional dashboard.

Why is Mishka Chelekom the best choice for UI in the Phoenix framework?

• The Mishka Chelekom library currently offers nearly 90 components, with a target of reaching 200 to fully cover all your UI needs.
• It is completely free and open-source, unlike other packages that typically offer only 30 to 40 components.
• It fully leverages the built-in features of Phoenix and Phoenix LiveView, using pure JavaScript and avoiding problematic ecosystems like ReactJS, which we believe create more issues than they solve.
• There are no hidden dependencies in the project.
• Each component is customizable and built directly into the user’s project using the CLI, eliminating the need for the library itself in production.
• It can serve as either a full replacement or a complement to other libraries, including Phoenix core components, based on your project’s needs.
• The CLI allows you to share your custom components with other developers via JSON, without requiring any special additional packages.
• A community edition is available for accessing templates and extra components that are not part of the core library.
• Most importantly, it offers a fully zero-config experience. You don’t need to configure anything manually—one command brings all components into your project, and the CLI handles all necessary file changes with just your confirmation.
• It provides full support for dark and light modes, as well as custom color themes, powered by Mishka’s dedicated design system .

Is Mishka Chelekom a complete replacement for Phoenix core components?

The short answer is yes. We've worked to include all the components you need, replicating every component from Phoenix core with the same names. This ensures that when you install everything with a single command, you won’t encounter any errors or warnings. This compatibility has also been carefully considered for users of the Ash framework.

Can Mishka Chelekom be used alongside other UI components and packages?

The short answer is yes. This library is designed to build whatever you need, so through various CLI commands, you can use its components alongside other packages or your own custom components. You can even generate only a specific subset of components if needed. There are absolutely no limitations. It's also worth noting that the components are created directly within your Phoenix components directory.

Is it possible to customize components in Mishka Chelekom?

Yes. You can fully customize each component within your own project, and every element includes a class property, allowing you to apply your own custom styles as needed.

Does the Mishka Chelekom library include multiple variants and custom color options?

Yes. One of the key differentiators of the Mishka Chelekom library compared to other available packages is that it not only supports custom color themes but also offers multiple style variants for each component. This ensures that all design requirements are met at the highest level. This special feature is especially helpful for backend developers or those less experienced with frontend development, allowing them to include various design options in their projects without writing any additional code.

More importantly, we’ve introduced a variant called “Base” for all components, designed to resemble popular, widely-used design patterns in the market. This ensures that user needs are fully met right out of the box.

Does the Mishka Chelekom library provide complete documentation for UI in Phoenix?

One of the library’s greatest strengths—and still unmatched by other teams—is its highly detailed and well-developed documentation. It includes a wide range of examples and practical commands. Without exaggeration, no other UI package offers documentation at this level. Just open a single page, and you'll be amazed by the depth and clarity of the details provided.

Does the UI library for Phoenix support Tailwind?

Yes, all components are fully built with Tailwind. Thanks to the advanced CSS implementation, many components eliminate the need for JavaScript entirely, reducing code complexity and avoiding unnecessary state management. In contrast to other packages that often introduce heavy libraries with separate ecosystems just to handle trivial states, the Mishka team takes a completely opposite approach—lightweight, efficient, and purpose-driven.

To get started, simply click on UI Components for Phoenix Framework to explore the full list of components and documentation.

With the Mishka Chelekom library , you can easily add any type of component needed to build professional panels and UI in Elixir and Phoenix, significantly elevating the quality and appearance of your projects.

Thank you, Mishka Team