Headless LiveView UI Components

Get the Bare Bones Live - Headless UI Components for LiveView

Hey there, Elixir enthusiasts!
I've built a fully-featured List Input Component for Phoenix LiveView, and I'm excited to share it with you—for free!

Check it out in action here:
https://barebones.themykolas.com/

What You’re Getting

• Interactive List Input: Add/remove items with keyboard shortcuts, enforce max limits, and handle duplicates with slick animations.
• Autocomplete Magic: Optional dropdown with real-time filtering and keyboard navigation.
• Form-Ready: Seamlessly integrates with Phoenix forms for server-side goodness.
• LiveView Hooks: Client-side interactivity without sacrificing Elixir’s stateless vibe.
• Customizable: Base styles provided with TailwindCSS, but tweak it to match your app’s look.

This component is battle-tested from my own projects and designed to save you hours of development time. Whether you’re building a tagging system, a dynamic to-do list, or anything in between, this has you covered.

Price: Free (With a Twist!)

I believe in open-source and giving back to the community, so you can grab this component for $0. Just download it and start building!

But if you find it valuable—maybe it saves you a late-night coding session or impresses your boss—consider tossing a few bucks my way. Your donation (name your price, starting at $1) helps me keep creating tools like this and fuels my Elixir obsession. Think of it as buying me a coffee (or a matcha, I’m not picky!).

Why Donate?

• Support a fellow dev passionate about functional programming and real-time apps.
• Encourage more free Elixir resources for the community.
• Get that warm, fuzzy feeling of backing something useful.

How It Works

1. Enter $0 for free access, or chip in whatever feels right.
2. Click “I want this” button.
3. Download the source code instantly.
4. Copy the code it into your Phoenix project and watch the magic happen.

No pressure—use it, love it, and if it’s worth something to you, I’d be grateful for your support. Let’s keep the Elixir ecosystem thriving together!

Have questions or want to share how you’re using it? Hit me up on X (@mmmykolas) or drop a comment below. Happy coding!