shahryarjb

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 :tada:.

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.

Most Liked

shahryarjb

shahryarjb

:rocket: After 2+ months of full-time work, we’re excited to announce that Mishka Chelekom library v0.0.2 is out! :tada: With 80+ improved components and dark mode support, it’s better than ever. :glowing_star: Stay tuned for video content soon. :movie_camera:
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
Hex: mishka_chelekom | Hex
Design system: Design system - Chelekom Phoenix UIKit and components

Changelog for MishkaChelekom 0.0.2:

shahryarjb

shahryarjb

:rocket: Excited to announce Mishka Chelekom v0.0.4 is out!
Now with ComboBox support and tons of updates. Don’t miss it! :sparkles:
:fire: Bonus: You can install it now via Igniter Installer!
:page_facing_up: You can find all the changes in this version in the article below :point_down:

Github: GitHub - mishka-group/mishka_chelekom: Mishka Chelekom is a fully featured components and UI kit library for Phoenix & Phoenix LiveView
Hex: mishka_chelekom | Hex
CHANGELOG: mishka_chelekom/CHANGELOG.md at master · mishka-group/mishka_chelekom · GitHub

shahryarjb

shahryarjb

Hey Elixir friends, This is a Huge Update !! :fire::tada:

:rocket: Excited to announce Mishka Chelekom v0.0.5 is out! 5 new components, improved custom classes support, and accessibility across all components. :wheelchair_symbol::fire:

Support the project please :folded_hands:t2: :pleading_face:

Blog post

First install/update

{:mishka_chelekom, "~> 0.0.5", only: :dev}

After that run

mix mishka.ui.gen.components --import --helpers --global
zachdaniel

zachdaniel

Creator of Ash

We also now support choosing Mishka Chelekom as part of the https://ash-hq.org installer :tada:

shahryarjb

shahryarjb

We are absolutely thrilled to announce the release of version 0.0.8 of Mishka Chelekom! :tada: Hits 16K+ Downloads

This release represents over 21K lines of code changes across our components :gear: :carpentry_saw:


Key Highlights of v0.0.8:

:sparkles: Complete Tailwind 4 Migration: All components now leverage the latest Tailwind CSS capabilities

:wrench: Phoenix 1.8 Optimization: Full compatibility and performance improvements for the latest Phoenix release

:artist_palette: Custom Configuration System: No more manual color adjustments in generated code! Our new config file system enables you to:

  • Generate all components with your custom color palette

  • Implement your own CSS styling (which were defined in this lib components)

  • Achieve complete component customization with ease

:brick: New components and JsHooks: This version has some new components and Infrastructure JsHooks


Support Open Source Development This free and open-source project thrives with community support. If you find value in our work, please consider sponsoring us, even a coffee-sized contribution makes a difference! :hot_beverage:

Please for more information, read this Blog Post:

Repo: GitHub - mishka-group/mishka_chelekom: Mishka Chelekom is a fully featured components and UI kit library for Phoenix & Phoenix LiveView

Doc: Chelekom - Phoenix & LiveView UI kit and components

Hex: mishka_chelekom | Hex

Where Next?

Popular in Announcing Top

metehan
ExTerm is a minimal Elixir library that lets you expose your terminal in a web browser. It’s mostly a toy project for learning and experi...
New
isaias-dias-machado
IEx’s h macro is great but it lacks a pager, so I built a small tool that caches documentation and lets you fuzzy search through it in yo...
New
BartOtten
Phoenix Live Favicon Favicon manipulation for Phoenix Live A lib enabling dynamic favicons in Phoenix Live View applications. To sho...
New
tugayac
Hey Elixir Community! A few months back, I open sourced a link management system we had built into an app. It’s now got enough features ...
New
jallum
Turbopuffer - Elixir client for vector and full-text search I’m excited to share Turbopuffer, a new Elixir client library for the Turbop...
New
zteln
Hello Elixir community, I’ve written a small embedded key-value database in Elixir called Goblin. It’s based on the Log-Structured Merge...
New
rbino
Hey folks! I’m happy to introduce TigerBeetlex, an Elixir client for TigerBeetle, the financial transactions database. I’ve been working...
New
Asd
Hi, I am happy to release the Repatch library for mocking and patching implementation in tests and anywhere else. It brings new possibili...
New
waseigo
DiskSpace Hi everyone, I needed this for a project I’ve been working on, and couldn’t find a simple solution that would work. The solutio...
New
volcov
Hello, How is everyone? I hope you’re well =) I worked on a project with some legacy code that existed before Oban’s arrival. This leg...
New

Other popular topics Top

JDanielMartinez
Hi! May someone helps me, please! I have two apps into an umbrella project: the first one is Database, which manages queries, and the se...
New
senggen
Erlang/OTP 25 [erts-13.2.2] [source] [64-bit] [smp:8:8] [ds:8:8:10] [async-threads:1] 15:22:35.803 [error] gen_event {lager_file_backend...
New
dotdotdotPaul
Okay, I'm having a heck of a time trying to figure out how to best handle the validation of belongs_to associations in Ecto. I'm sure I'...
New
JorisKok
I have a server on AWS, and was running a load test using artillery. When looking at the Phoenix dashboard I see the Ports going to 100% ...
New
joaquinalcerro
Hi there, I am working with Ecto-Postgresql and I need to call all of the records from a specific table but the table has 40,000 record...
New
aalberti333
As the title describes, I’m trying to run Enum.map() over a list of key/value pairs, where the value is a map. My data looks like this: ...
New
hariharasudhan94
I would like to know what is the best IDE for elixir development?
New
quazar
How to set Jason to encode all fields in ecto schema, I don’t care about security and implementing only is taking long list of attributes...
New
vonH
When I run the Plug and I recompile I wind up having to use Ctrl C to quit iex and start again. Witht the help of rlwrap I can use the cu...
New
aesmail
Hello guys, I have finally made it. I created an admin interface for a framework. It’s been on my todo list for years and with the curre...
New

We're in Beta

About us Mission Statement