Roadmap

v0.0.10

Version 0.0.10

  • Added 57 headless components, taking the set from 35 to 92. They include Tree, Tags Input, Segmented Control, Color Picker, Splitter, Rolling Number and more, and headless versions of 17 familiar components such as Alert, Button, Card, Table and Pagination.
  • Every part of a headless component takes a *_class attribute, so any part can be restyled from markup. The headless switch gained on_icon and off_icon slots, and the radio group gained orientation.
  • Added headless Chart and Editor, which run on a JavaScript library you choose with --lib (ECharts, Chart.js or billboard.js; TipTap, CodeMirror, Milkdown or Lexical), and Sparkline, a server-rendered SVG trend line that needs no JavaScript.
  • The generators install npm packages for components that declare them, using Bun, npm or Yarn, or the Bun binary from Hex when none is found. --no-npm skips the install, batch tasks skip npm-backed components unless you pass --with-npm, and mix mishka.ui.uninstall --include-npm removes packages no component uses any more.
  • Added Mob, native Android and iOS components for the Mob framework: 73 native components modelled on the headless ones, generated with mix mishka.ui.gen.mob, mix mishka.ui.gen.mob.components and mix mishka.ui.gen.mob.kit, and removed with mix mishka.ui.uninstall --mob.
  • Improved accessibility: carousel slides, accordion items and timeline sections take an alt attribute, and the styled avatar forwards alt, srcset, loading and the other img attributes. The carousel arrows (previous_label, next_label), password toggle, search button, dock items and speed dial items (label) now have an accessible name.
  • Breaking: id is now required on the headless avatar. Phoenix reports a missing one as a compile-time warning.
  • Fixed the file_field dropzone not opening the file picker, the floating hook behind dropdown, popover and tooltip (wrong placement and a slow mount on pages with many tooltips), and a styled generation overwriting your own @theme tokens in app.css.
  • The mix mishka.ui.export --cms bundle now carries each attribute's option list, each component's documentation link and at least one example per component.

Milestones 0.0.10: Click to see

Version 0.0.9

  • Added AI-native tooling: an entry-level MCP server that exposes components, docs, and CLIs to AI agents, with an stdio transport (mix mishka.mcp.setup --stdio).
  • Introduced entry-level headless (unstyled) components ported from Base UI, with full WAI-ARIA wiring and behavior hooks, coexisting with the styled set.
  • Added MishkaChelekom.Kit, one Spark DSL to reuse and restyle existing components, vendorable to production via mix mishka.ui.gen.kit.
  • Added comprehensive LLM-ready usage rules for every component and JavaScript hook.
  • Expanded the CLI and catalog: component and module name prefixes with --no-save, a full mix mishka.ui.uninstall (with --headless), new dock, shape, and stat components, plus Combobox (creatable + server push), vertical Tabs, and rating upgrades.

Milestones 0.0.9: Click to see

Version 0.0.8

  • Migrated from Tailwind CSS 3 to Tailwind CSS 4 for improved performance and modern utility classes.
  • Introduced a powerful CLI for custom CSS configuration, enabling developers to tailor styles to their specific needs.
  • Added comprehensive test suite for the CLI to ensure reliability and maintainability.
  • Resolved compatibility issues with the latest updates in Phoenix Framework and LiveView, ensuring seamless integration.

Milestones 0.0.8: Click to see

Version 0.0.7

  • Addressed and resolved various reported issues to enhance stability and performance.
  • Implemented Flash group restrictions specifically tailored for Phoenix version 1.8, improving security and component isolation.

Milestones 0.0.7: Click to see

Version 0.0.6

  • Preparing for support of custom design systems and architecture.
  • Enhancing and supporting components for Phoenix version 1.8.
  • Optimizing certain components to support custom requirements.

Milestones 0.0.6: Click to see

Version 0.0.5

  • Making changes to further improve and enhance the dynamic behavior of the core components.
  • Improving compatibility with the new Tailwind version.
  • Adding basic accessibility support to components.
  • Focusing on the requirements requested in the project's GitHub issues.

Milestones 0.0.5: Click to see

Version 0.0.4

  • Adding scroll area component.
  • Adding combobox component.
  • Adding missing features of Phoenix core components.
  • Adding global components installing support and JS formatter.
  • Introducing radio card component.
  • Introducing checkbox card component.
  • Fixing and refactoring some bugs

Milestones 0.0.4: Click to see

Version 0.0.3

  • Adding several new base stateless components.
  • Adding various components to the community project.
  • Fixing issues reported by developers from the previous version.
  • Introducing demo pages for components with easy copy-and-use functionality.

Milestones 0.0.3: Click to see

Version 0.0.2

  • Fixing issues reported by developers from the previous version.
  • Implementing Dark Mode for all components.
  • Improving and restructuring documentation and displaying each component within the documentation.
  • Enhancing CLI performance and supporting non-standard naming for Elixir.
  • Adding initial JavaScript support in CLI (Beta version).
  • Introducing the Beta version of CLI for the community project.
  • Updating all templates for new syntax of Phoenix LiveView 1.0.0.

Milestones 0.0.2: Click to see

Version 0.0.1

  • Approximately 80 components across 43 collections were published.
  • Full documentation for all components, including testing and easy code copy functionality, was completed.
  • A generator was included for installing and building components within the project.
  • All color classes in this version only support Light Mode.
  • All components are stateless in this version.
  • Targeted the latest versions of Phoenix and the experimental version of Phoenix LiveView.

Milestones 0.0.1: Click to see