shahryarjb
Mishka Chelekom - Phoenix and LiveView UI kit and components
The Chelekom project is a library of Phoenix and LiveView components generated via Mix tasks to fit developer needs seamlessly.
One of its key features is a fully zero-configuration setup, designed to meet the foundational requirements for building admin panels and user-facing websites.
This library is currently in development and includes a CLI tool, making it simple to add any desired component directly to your Phoenix component folder.
Chelekom is open-source and free to use, launching with over 80 components in the initial release and aiming to reach a total of 200 components 
.
The library’s core approach leverages advanced Tailwind and LiveView JS modules to minimize JavaScript dependency, effectively supporting hybrid functionality on both client-side and server-side for optimized performance. It reduces unnecessary server requests while delivering robust services across the board.
The initial version of Chelekom is optimized for the latest Phoenix release and the beta version of LiveView.
- Library Page: Chelekom - Phoenix & LiveView UI kit and components
- Official Component Documentation: Document - Chelekom Phoenix UIKit and components
- Hex: mishka_chelekom | Hex
- GitHub Repository:
Most Liked
shahryarjb
After 2+ months of full-time work, we’re excited to announce that Mishka Chelekom library v0.0.2 is out! With 80+ improved components and dark mode support, it’s better than ever. 
Stay tuned for video content soon. 
I will update this post.
Note:
Please Donate Mishka Chelekom, it is free and open-source and think it is your project.
Github: GitHub - mishka-group/mishka_chelekom: Mishka Chelekom is a fully featured components and UI kit library for Phoenix & Phoenix LiveView · GitHub
Hex: mishka_chelekom | Hex
Design system: Design system - Chelekom Phoenix UIKit and components
Changelog for MishkaChelekom 0.0.2:
shahryarjb
Excited to announce Mishka Chelekom v0.0.4 is out!
Now with ComboBox support and tons of updates. Don’t miss it! 
Bonus: You can install it now via Igniter Installer!
You can find all the changes in this version in the article below 
Github: GitHub - mishka-group/mishka_chelekom: Mishka Chelekom is a fully featured components and UI kit library for Phoenix & Phoenix LiveView · GitHub
Hex: mishka_chelekom | Hex
CHANGELOG: mishka_chelekom/CHANGELOG.md at master · mishka-group/mishka_chelekom · GitHub
shahryarjb
Hey Elixir friends, This is a Huge Update !!
Excited to announce Mishka Chelekom v0.0.5 is out! 5 new components, improved custom classes support, and accessibility across all components. 
Support the project please
Blog post
First install/update
{:mishka_chelekom, "~> 0.0.5", only: :dev}
After that run
mix mishka.ui.gen.components --import --helpers --global
Last Post!
shahryarjb
Hi dear friends, i released the first RC version of Mishka Chelekom, please help to test this version
{:mishka_chelekom, "~> 0.0.9-rc.1", only: :dev}
For creating headless components you can use these
mix mishka.ui.gen.headless.components
for a specific component
mix mishka.ui.gen.headless dialog
Consider all examples exist inside the repo the development dir, it is just a normal phoenix, install deps and run it!
all examples have extra example which created by Base UI style
Popular in Announcing
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Catch errors, track performance, monitor hosts and more.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #elixirconf-us
- #advent-of-code
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking for Elixir devs who love to ship. Start your free account.
Practical resources that improve the lives of professional developers.
Develop your skills with books, videos, and courses.
Enabling companies to succeed by building software people love.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"