One Command, Infinite Creations.
Chelekom is built and maintained by Mishka, a tiny team. Every component, every update, every reply on GitHub is sustained by sponsors and clients. If Chelekom helps your work, help ours.
Recurring support keeps Chelekom open-source, keeps the docs alive, and funds the next 100 components. Even $5/month covers a star in this galaxy.
Need bespoke components, private theming, priority support, or full Phoenix LiveView consulting? Mishka takes on a small number of projects each quarter.
Each job is one mix command: generate a styled or headless component (or all of them), pull community components, regenerate your CSS, run an MCP server for your AI editor or sync usage rules. Dev-only: the generators write plain source into your project.
Alert, Banner and Toast components for Phoenix LiveView, including flash messages. Info, success, warning and danger colors, five sizes, outline, shadow and gradient variants, and dismissible banners and toasts.
Carousel, Gallery, Image and Video components for Phoenix LiveView: autoplay carousels with indicators, masonry and featured gallery layouts with filters, responsive srcset images, and video with subtitles.
Modal, Drawer, Popover, Tooltip and Overlay components for Phoenix LiveView. Modals trap focus and close on Escape, drawers slide in from any edge, popovers and tooltips have four positions and optional arrows.
Slides in from any edge: settings, filters, cart.
Centered dialog, focus-trapped backdrop.
Backdrop layer with color, opacity and blur options.
Anchored floating panel with arrow & placement.
Hover hint with delay & smart placement.
General-purpose Phoenix LiveView components: Button, Card, Badge, Avatar, Tabs, Accordion, Table, Progress, Stepper, Timeline and more. Most come in 13 colors, five sizes and outline, bordered, shadow or gradient variants.
Collapsible disclosure groups.
User picture, icon or text, plus avatar groups.
Status pill with icon, indicator and dismiss.
Pull-quote block with attribution.
Variants, sizes and colors, with a loading state.
Surface with title, media, content and footer.
Bubble-style conversation rows.
Copy-to-clipboard button with feedback.
Show/hide region with smooth animation.
Device frames: phone, tablet, laptop, watch and desktop.
Separators with optional label.
Dot or pulse ping for live status.
Prominent hero-style block for key content.
Render shortcuts as styled keys.
Flex and grid helpers for responsive layouts.
Ordered, unordered and grouped lists.
Linear/circular progress with labels.
Star rating, read-only or interactive.
Pulsing placeholder while loading.
Floating action button that reveals an action menu.
Loading indicators in many shapes.
Multi-step flow with state per step.
Data table with header, row & cell parts.
TOC list with active item & smooth scroll.
Horizontal/vertical tab control.
Vertical event log with markers.
h1 to h6, p, mark, cite, dl & figure helpers.
Big-number metric with trend and label.
Clips content to 15 shapes: hexagon, star, heart.
Phoenix LiveView form components built on Phoenix.HTML.FormField: text, email, password, number, textarea, select, combobox, checkbox, radio, toggle, range, date-time and file upload, with floating labels, inline errors and icons.
Phoenix.HTML.Form-aware container.
Tile-style checkbox, title + description.
Standard checkbox with label.
Color picker input.
Searchable select, multi-select.
Date, time, week & month inputs.
Email input with icons, labels and errors.
Groups fields under a legend, with errors.
Upload box with drag/drop & live progress.
Generic input for many types, with errors.
Styled wrapper around <select>.
Numeric input with step buttons.
Password input with reveal toggle.
Tile-style radio group.
Standard radio button group.
Slider input with min/max/step.
Search input with icon & search button.
Phone input with floating label & icons.
Generic text field with start/end sections.
Multi-line text with resize control.
On/off switch with sizes.
URL input with icons, labels and errors.
92 headless primitives for Phoenix & LiveView: behavior, accessibility, keyboard flows and every JS hook managed for you. Zero styling. The raw anatomy, ready for your own design.
73 headless primitives for native iOS & Android with Mob: behavior, accessibility, keyboard flows and every gesture, native event managed for you. Zero styling. The raw anatomy, ready for your own design.
Every component shares one vocabulary: eight named sizes, thirteen named colors, and a Tailwind 4 CSS-variable layer you can rebrand in seconds.
Drag sliders, pick hues, swap fonts and preview every Chelekom component in real time. Export a single CSS file when you're happy.
Build interactive UIs without one. LiveView handles state on the server.
A built-in generator creates any component and integrates it seamlessly.
Built on Tailwind CSS 4. You generate only the colors and variants you choose, so less code ships.
Complexity stays inside; usage stays simple.
Custom colors, standard sizing, all overridable.
Components live in your repo. Modify them freely.
Over 90% of the components need nothing but the shared icon component.
Only changed components surface as a reviewable diff on upgrade.
Native LiveView features push work to the client where useful.
Free for commercial and OSS projects.
Plain Phoenix function components, with no extra process per component. Client behavior comes from LiveView JS and small hooks.
Active on GitHub, Elixir Forum, and Slack.
One transmission a month: new components, design tokens, theme drops, behind-the-scenes from the studio. No spam. Unsubscribe anytime.