News>Announcing

Mishka Chelekom - Phoenix and LiveView UI kit and components

#mishka#chelekom#mishka_chelekom
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.

40 comments
#mishka#chelekom#mishka_chelekom
182 3325 40

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:

14
Post #15
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

11
Post #18
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
11
Post #22
zachdaniel

zachdaniel

Creator of Ash

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

10
Post #19
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

10
Post #34

Where Next?

View thread on forum (has 40 responses!)
mishka
chelekom
mishka_chelekom
Home News>Announcing
#mishka#chelekom#mishka_chelekom
182 3326 40
Last post

Popular in Announcing Top

BartOtten
News>Announcing

Routex - build powerful Phoenix routes: localize, customize, and innovate
This powerful library works together with Phoenix Router to provide the ultimate routing solution. It simplifies route manipulation, givi...
/phoenix#i18n#liveview#internationalization#routing#routex
80 1255 10
New
shahryarjb
News>Announcing

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 i...
#mishka#chelekom#mishka_chelekom
182 3324 40
New
ananthakumaran
News>Announcing

ExUnitSpan - An ExUnit formatter to visualize test execution
An ExUnit formatter to visualize test execution and find bottlenecks in your test suite. I created a small library called ex_unit_spa...
#exunit#exunit-span
26 1314 3
New
hauleth
News>Announcing

Duckex - a client library for DuckDB
It is library created by me and @abc3. It is simple client for DuckDB, but with small twist when compared with other libraries out there ...
#db_connection#duckdb#duckex
14 260 3
New
sonic182
News>Announcing

Llm_composer - Elixir library for building LLM-based applications
Hi everyone, at Doofinder we have been building llm_composer for some new apps, and we thought it could be useful to share it with the co...
#http_client#llm
16 367 6
New
dimamik
News>Announcing

Vault - a lightweight process-scoped global data storage with immutability guarantees
Vault is a lightweight Elixir library for immutable data storage within a process subtree. Due to Elixir’s actor model nature, it’s comm...
#processes#vault#storage#context
62 951 23
New
mattmower
News>Announcing

DemoGen — Create repeatable demo scenarios for SaaS prospect meetings (v0.1.7)
I’m pleased to announce that we’ve released DemoGen v0.1.7, a library for creating repeatable demo scenarios in your Ecto-based SaaS appl...
#ecto#demo_gen
14 266 4
New
tmbb
News>Announcing

Quartz - Data Visualization Library (aimed at publication, not interactive display)
Playfair (named after: William Playfair) is a data visualization/plotting library with the goal of being able to produce publication-qual...
#plotting
44 2689 32
New
sodapopcan
News>Announcing

Mixer.vim - (Classic) Vim plugin providing text objects and niceties for working with Mix projects
I’ve heard that if you’re not embarrassed by v1 of your product Vim plugin then you’ve released too late. I’ve been sitting on this the ...
#vim#mixervim
13 273 5
New
volcov
News>Announcing

LetItCrash - A testing library for crash recovery and OTP supervision behavior
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...
#otp#supervisor#test
13 341 5
New

Other popular topics Top

Tee
Questions & Help>Questions

Enumerables - how does Enum.reduce work with maps
can someone please explain to me how Enum.reduce works with maps
#erlang
18 14675 13
New
vonH
Questions & Help>Questions

Why would I choose Elixir as a general purpose programming language?
In asking this question I am more interested about the expressiveness of the language itself and less concerned about the availability of...
#functional-programming#use-cases
65 34758 13
New
gshaw
Questions & Help>Questions

Idiomatic guard clause for checking not nil
What is the idiomatic way of matching for not nil in Elixir? E.g., First way: defp halt_if_not_signed_in(conn, signed_in_account) when...
#guard-clauses
13 43178 3
New
itssasanka
Questions & Help>Questions

Why use `utc_datetime` over `naive_datetime` for Ecto?
Hi all, Trying to get some more clarity over utc_datetime and naive_datetime for Ecto: https://hexdocs.pm/ecto/Ecto.Schema.html#module-...
#ecto#timestamps#datetime#timezones
115 14814 19
New
malloryerik
Learning Resources>Guides/Tuts/Tips/Info

How to use 'phoenix-heex' templates in VSCode
Hi, this is for people who, like me, have had some friction using .html.heex templates in VSCode. The solution seems to be, in a hyphena...
/phoenix#vscode#heex
118 16932 34
New
jononomo
Questions & Help>Questions

Where / How does the Mix environment variable get set?
I am trying to figure out how Mix knows whether the environment is test, dev, or prod -- where is this set? Thanks.
#mix
31 22791 9
New
lastday4you
Questions & Help>Questions

How to check Elixir version
I wanted to check elixir version in phoenix because i found that my elixir is 1.5 but when i use Enum.chunk_by it said the function is un...
#how-to-question
11 18647 3
New
shahryarjb
Questions & Help>Questions

How to convert map to string (separated with ,)
Hello, I have map which I want to convert it to string like this: the map: %{last_name: "tavakkoli", name: "shahryar"} the string I ne...
#maps#strings
15 15491 2
New
stefanluptak
Questions & Help>Questions

Using VSCode on multiple monitors
Hello everybody, usually, I use a 29" ultra-wide monitor for VSCode which can easily accomodate explorer (files panel) + file with code ...
#vscode#vscode-elixir
7 17615 6
New
lanycrost
Questions & Help>Questions

How To Implement if...else if...else condition
Hi everyone! I need implement if…else if…else condition from my elixir code, and anymore of this control flow structures not work proper...
#how-to-question
40 51494 6
New
Back to top

News>Announcing

News Announcing ❯

Latest on Elixir Forum

Elixir Forum ❯

Sponsor Spotlight

ElixirCasts

Producing high quality Elixir screencasts since 2017.

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

ElixirCasts

Producing high quality Elixir screencasts since 2017.

Potions

The deployment platform built for Elixir: PaaS ease, VPS control.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

Categories:

Sub Categories:

Forums

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

ElixirCasts

Producing high quality Elixir screencasts since 2017.

Potions

The deployment platform built for Elixir: PaaS ease, VPS control.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement