FlockUI is Open for Contributors — Let's Build the Flutter UI Library We Always Wanted

Sonu Hansda — Sun, 31 May 2026 15:53:47 +0000

If you've built Flutter apps, you know the drill.

Every new project starts the same way — you open a blank main.dart, and within the first hour you're rebuilding the same button, the same toast notification, the same bottom sheet you built in your last project. From scratch. Again.

I got tired of it.

So I built FlockUI — an open-source Flutter UI component library built on one simple idea: copy the code, paste it into your app, and ship. No packages to install. No version conflicts. No dependency hell. Just clean, production-ready Flutter widgets you own completely.

What Makes FlockUI Different?

There are Flutter UI libraries out there. I know. But most of them work the same way — you add a package, you wrap your widget, and now your entire UI depends on someone else's release cycle.

FlockUI doesn't work like that.

Every component on FlockUI is built by the open source community — Flutter developers who have been shipping real applications for years. So you don't have to think twice. These aren't experimental widgets cooked up in isolation — they're tried and tested patterns that developers have already used in production. And because the code lands directly in your codebase, you can read it, modify it, break it, and fix it. It's yours completely.

Here's what we're working with right now:

✅ Buttons
✅ Navigation
✅ Toasts
✅ Avatars
🔨 More components shipping every week

The website is live at flockui.com — every component has a live Flutter web preview so you see exactly what you're copying before you copy it.

Why I'm Writing This Post

FlockUI has a solid foundation. The architecture is clean, the contribution workflow is straightforward, and the docs are detailed enough that you can go from zero to your first merged PR in an afternoon.

But here's the truth — a component library is only as good as the number of components in it. And I can't build all of them alone.

I'm looking for Flutter developers and open source enthusiasts who want to:

Build components that thousands of Flutter developers will use
Improve documentation and make the library more accessible
Fix bugs and improve existing components
Suggest ideas for components the community actually needs

This is your chance to be a founding contributor — the people whose names are on the components that shape how this library grows.

Ready to Contribute?

It's simpler than you think — the full contribution guide covers everything from project setup to opening your first PR.

👉 Read the Contribution Guide

Not sure where to start? Browse the open issues, pick one tagged good first issue, and comment to claim it before you start.

👉 Browse Good First Issues

Let's Build This Together

The Flutter ecosystem deserves a component library that respects developer autonomy — one where you own your UI, not a package.

If you've ever rebuilt the same widget twice, FlockUI is for you. If you've ever wanted your code to be used by developers around the world, contributing to FlockUI is for you.

⭐ Star the repo → github.com/Sonu-Hansda/flockui
🌐 Browse components → flockui.com
🤝 Start contributing → Pick a good first issue and comment to claim it

Drop a comment below if you have questions, component suggestions, or just want to say hi. Every piece of feedback shapes what gets built next.

Let's ship something great. 🐦

Built with Flutter. Open to everyone. Zero dependencies.

Excela: A Simple Tool for Easy Project Setup

Sonu Hansda — Tue, 31 Dec 2024 05:38:22 +0000

Hey everyone! 👋

I’m thrilled to introduce Excela, my first npm package! It’s a command-line tool that helps you set up projects quickly—whether it’s frontend, backend, or full-stack. Say goodbye to tedious setup tasks and focus on building your app!

What is Excela?

Excela is a CLI tool that scaffolds projects in seconds. Here’s what it offers:

Frontend: Set up React apps with Vite or Create React App, and optionally add Tailwind CSS.
Backend: Quickly initialize backend projects.
Full-Stack: Combine frontend and backend setups seamlessly.
Customization: Choose between JavaScript or TypeScript.

Why Did I Build This?

As a developer, I found project setup to be time-consuming. So, I built Excela to simplify this process. It’s my first npm package, and it’s been a great learning experience. Now, I want to make it even better—with your help!

Features of Excela

Quick Setup: Get your project ready in seconds.
Flexible Choices: Pick your stack, language, and tools.
Tailwind CSS Integration: Add Tailwind with a single command.
Open Source: Let’s build something amazing together!

How to Use Excela

Just run:

npx excela@latest

Let’s Build Excela Together!

Excela is still evolving, and I’d love your contributions! Here’s how you can help:

Try It: Use Excela and share your feedback.
Report Issues: Found a bug? Let me know on GitHub.
Contribute Code: Fix bugs, add features, or improve docs.

Check out the GitHub repository:

👉 Excela on GitHub

Let’s Connect!

Star the repo, fork it, or reach out with ideas. Let’s make Excela the go-to tool for project setup! 🚀

Cheers,

Sonu Hansda

DEV Community: Sonu Hansda