u/anelkabag

r/uidesign r/DatabaseAdministators r/vercel r/shadcn r/SideProject

🔥Just added a new Open Source Dashboard to BagUi

Hi everyone!

I just added a new Dashboard layout to Bag/UI, my open-source collection of modern UI blocks.
It’s built with shadcn/ui × Base UI and focuses on clean design, responsiveness, and easy customization.

I’d love to hear your feedback on the design, developer experience, or features you’d like to see next.

The project is completely open source, so contributions are more than welcome!

Open source : https://github.com/anelkabag/bag-ui
Website : https://www.bagui.pro

u/anelkabag — 4 days ago

▲ 9 r/shadcn+1 crossposts

🚨 Bag/UI has officially outgrown Vercel’s free bandwidth limit.

This is a milestone I’m proud of — but it also comes with a challenge.

Bag/UI is Open Source and free for everyone, and I want to keep it that way.
However, hosting and bandwidth aren’t free anymore. With the project’s growing traffic, I now need to move to Vercel’s Pro plan to keep Bag/UI fast, reliable, and available to everyone.

If you’ve been using Bag/UI, starring the repository, sharing it, or building with its components, this is a great time to support the project.

💙 Become a sponsor and help keep Bag/UI running.

Your sponsorship directly helps cover infrastructure costs and gives me the ability to keep investing time into new components, improvements, and the long-term development of the project.
Even a small contribution makes a difference.

👉 https://www.bagui.pro/pricing

Open Source should stay accessible to everyone. Help me keep it that way. 🙏

u/anelkabag — 6 days ago

▲ 8 r/shadcn

🔥Just added a new Open Source Ads Dashboard to Bag/UI. 📊✨

Hi everyone!

I’d love to hear your feedback on the design, developer experience, or features you’d like to see next.

The project is completely open source, so contributions are more than welcome!

Open source : https://github.com/anelkabag/bag-ui
Website : https://www.bagui.pro

u/anelkabag — 8 days ago

▲ 20 r/shadcn

🔥Just added a new Open Source Dashboard to BagUi.

Hi everyone!

I’d love to hear your feedback on the design, developer experience, or features you’d like to see next.

The project is completely open source, so contributions are more than welcome!

Open source : https://github.com/anelkabag/bag-ui
Website : https://www.bagui.pro

u/anelkabag — 9 days ago

▲ 6 r/shadcn

A new Open Source Hero component is now available in Bag/UI ✨

I’ve just added a new Open Source Hero component to Bag/UI.

It’s designed for modern SaaS products, developer tools, engineering platforms and other web projects that need a strong landing-page hero without having to build everything from scratch.

The component is built with shadcn/ui and Tailwind CSS and follows the same approach as the rest of Bag/UI: clean, modern and easy to integrate into existing projects.

Bag/UI is fully open source, so you can use, customize and contribute to the components.
I’d love to hear what you think about this design and what variations you’d like to see next.

GitHub: https://github.com/anelkabag/bag-ui

u/anelkabag — 10 days ago

▲ 18 r/shadcn

🔥Just added a new Open Source Dashboard to BagUi

Hi everyone!

I’d love to hear your feedback on the design, developer experience, or features you’d like to see next.

The project is completely open source, so contributions are more than welcome!

Open source : https://github.com/anelkabag/bag-ui
Website : https://www.bagui.pro

u/anelkabag — 12 days ago

▲ 15 r/shadcn

🔥Just added a new Open Source Dashboard to Bag/UI.

Hi everyone!

I’d love to hear your feedback on the design, developer experience, or features you’d like to see next.

The project is completely open source, so contributions are more than welcome!

Open source : https://github.com/anelkabag/bag-ui
Website : https://www.bagui.pro

u/anelkabag — 17 days ago

▲ 11 r/shadcn+1 crossposts

I just added a new Hero Block to Bag\Ui 🚀

It’s another open-source component designed to help developers build modern landing pages faster without having to start from scratch.

Bag\Ui is growing with more React / Next.js components and ready-to-use blocks.

GitHub : https://github.com/anelkabag/bag-ui

Would love to hear your feedback on the new Hero! ✨

u/anelkabag — 22 days ago

▲ 47 r/shadcn+1 crossposts

🚀 A new Open Source Dashboard has just landed in Bag/UI.

Hi everyone!

I just added a new Dashboard layout to Bag/UI, my open-source collection of modern UI blocks.
It’s built with shadcn/ui × Base UI and focuses on clean design, responsiveness, and easy customization.

I’d love to hear your feedback on the design, developer experience, or features you’d like to see next.

The project is completely open source, so contributions are more than welcome!

https://github.com/anelkabag/bag-ui

u/anelkabag — 29 days ago

▲ 6 r/shadcn

I added a new open-source Footer component to BagUI

Hey everyone 👋

I've just added a brand new Footer Block to BagUI.

Features:

Large CTA section
Responsive layout
Newsletter subscription
Modern SaaS/AI design
Built with React + Tailwind CSS + shadcn/ui

BagUI recently became 100% open source, so anyone can use it, contribute new components, or suggest improvements.

Open Source : https://github.com/anelkabag/bag-ui

I'd really appreciate your feedback. What would you improve in this footer?

u/anelkabag — 1 month ago

▲ 4 r/shadcn

Bag/UI now includes 20 ready-to-use Page components 🚀 (100% Open Source)

Hey everyone 👋

I just released a new Pages section for Bag/UI.

It already includes 20 production-ready page components that you can copy and use in your projects.

This is only the first batch—many more pages are coming soon.

Bag/UI is also now 100% Open Source, so if you'd like to contribute, suggest improvements, or build new components, you're more than welcome!

https://github.com/anelkabag/bag-ui

I'd love to hear what kind of pages you'd like to see next.

u/anelkabag — 1 month ago

▲ 14 r/shadcn

Making bag\Ui fully open source completely changed the project's growth 🚀

A few days ago, I decided to make bag\Ui 100% open source.

The impact was almost immediate.

Over the last 7 days:

📈 +634% visitors
👀 +808% page views
📉 Lower bounce rate

More importantly, I'm seeing developers star the repo, report issues, suggest improvements, and even start contributing.

Going open source was honestly one of the best decisions I've made for this project.

If you're building with React, Next.js or shadcn/ui, I'd love to hear your feedback or contributions.

https://github.com/anelkabag/bag-ui

Open source really works when the community gets involved. ❤️

u/anelkabag — 1 month ago

▲ 13 r/shadcn

🚀 I just added a new Contact / Booking Block to BagUI (Now 100% Open Source)

Hey everyone! 👋

I just shipped a new Contact / Booking Block for BagUI, my collection of reusable shadcn/ui blocks.

It's designed for building modern booking and contact pages with a clean, production-ready UI.

Features

📅 Perfect for booking & scheduling pages
🎨 Modern and customizable design
📱 Fully responsive
⚡ Built with React, Tailwind CSS & shadcn/ui

The biggest update is that BagUI is now 100% Open Source! 🎉

I'd love for the community to get involved.

If you're interested, you can:

⭐ Star the project
🐛 Report bugs
💡 Suggest new components or improvements
🔧 Submit pull requests

Whether you're fixing a typo, improving the documentation, or building a brand-new block, every contribution is welcome.

live : https://bagui.vercel.app

open source : https://github.com/anelkabag/bag-ui

I'm trying to build a library that developers genuinely enjoy using, so I'd really appreciate your feedback.

u/anelkabag — 1 month ago

▲ 15 r/shadcn

I just open-sourced Bag\UI – a growing collection of shadcn/ui components and blocks

Hey everyone! 👋

I've decided to make Bag\UI fully open source.

Bag\UI is a collection of modern, production-ready shadcn/ui components and blocks built for React and Next.js developers.

I'm looking for contributors and feedback from the community.

You can help by:

Reporting bugs
Suggesting new components or blocks
Improving existing components
Opening Pull Requests
Sharing ideas for the roadmap

Whether you're a beginner or an experienced developer, every contribution is welcome.

GitHub: https://github.com/anelkabag/bag-ui

Website : https://bagui.vercel.app/

I'd love to hear what features or components you'd like to see next!

u/anelkabag — 1 month ago

▲ 3 r/DatabaseAdministators+1 crossposts

I just open-sourced Bag\Schema 🎉

After months of work, I'm excited to finally make Bag\Schema completely open source!

Bag\Schema is a modern visual database designer that lets you design beautiful database schemas and generate production-ready SQL in seconds.

✨ Features:

Visual database designer
PostgreSQL
MySQL
MariaDB
SQLite
Relationship editor
Production-ready SQL generation
Clean, modern UI
Cross-platform desktop app

My goal is to build a free, community-driven alternative that developers genuinely enjoy using.

If you're interested in database design, open-source software, or developer tools, I'd love your feedback.

⭐ If you like the project, please consider giving it a Star on GitHub. It really helps increase the project's visibility and motivates me to keep improving it.

Contributions, issues, feature requests, and pull requests are all welcome!

GitHub:
https://github.com/anelkabag/Bag-Schema

I'd love to hear what features you'd like to see next. Thanks for checking it out! 🚀

#opensource #github #postgresql #mysql #sqlite #database #webdev #developers #react #electron #tauri

u/anelkabag — 1 month ago

▲ 8 r/shadcn

I've been working on a major update for my UI component library, Bag\Ui, and wanted to share the progress.

The latest update includes:

Authentication with Supabase
Email & Google sign-in
User profiles
A Free/Pro access system
Protected installation flow for premium components
An architecture designed to be ready for future Stripe integration
Everything built with TypeScript and deployed on the Vercel free plan

One decision I made was to let everyone browse and preview every component. The only restriction is that Pro components require authentication before the CLI install command is available.

I'm trying to keep the developer experience as smooth as possible while preparing the project for future subscriptions.

🔗link : https://bagui.vercel.app

I'd love to hear your thoughts on this approach. Would you handle Pro access differently?

u/anelkabag — 2 months ago

▲ 29 r/shadcn

Added a new Footer component to my free React/Tailwind UI library

Hey everyone! 👋

I've been working on Bag\Ui, a free collection of React + Tailwind UI components, and today I added a brand new Footer component.

I wanted something that wasn't just another generic footer, so I focused on making it:

Responsive by default
Easy to customize
Clean and modern
Production-ready
Simple to integrate into existing projects

🔗link : https://bagui.vercel.app/blocks/footer

I'd genuinely appreciate some feedback:

What makes a footer great in your opinion?
Any sections or features you always wish UI libraries included?
What component should I build next?

Thanks! 🙌

u/anelkabag — 2 months ago

▲ 13 r/shadcn

Added 3 New Pricing Blocks to Bag/UI 🚀

Hey everyone,

Just shipped 3 new Pricing Blocks for Bag/UI.

They’re designed for SaaS products, landing pages, and modern web apps, with a focus on clean design, responsiveness, and easy customization.

I’d love to get some feedback from fellow developers:
What makes a pricing section stand out to you?
What components would you like to see added next?

Thanks for checking it out! 🚀

🔗 : https://bagui.vercel.app/blocks/pricing

u/anelkabag — 2 months ago

▲ 5 r/shadcn

🚀 Bag\Ui has been fully redesigned — cleaner UI, better UX, and faster access to beautiful components.

Hey everyone 👋

I just shipped a complete redesign of Bag\Ui, my collection of shadcn/ui components, animated sections, and production-ready blocks.

The goal of this redesign was to make the experience cleaner, faster, and more focused on helping developers find high-quality UI components quickly.

Changes include:
A cleaner visual identity

Improved navigation

Better component discovery

Refined layouts and interactions

Overall faster browsing experience

I'd love to get feedback from fellow developers and designers.

What do you think could make a UI component library even more useful?

🔗 https://bagui.vercel.app

u/anelkabag — 2 months ago

▲ 5 r/shadcn

Introducing Bag/UI: Production-Ready React Sections Built for shadcn/ui

https://preview.redd.it/n8fy0bp6jp5h1.png?width=4800&format=png&auto=webp&s=65287b0be922f40117dfbcbe197bf969e295824e

Modern web development has never been faster, yet building polished interfaces still takes a significant amount of time.

Even with React, Next.js, Tailwind CSS, and shadcn/ui, developers often find themselves recreating the same sections over and over again: hero sections, pricing pages, feature grids, testimonials, call-to-actions, and more.

That's exactly why I built Bag/UI.

What is Bag/UI?

Bag/UI is a curated collection of production-ready React sections built on top of shadcn/ui and Tailwind CSS.

Instead of installing a traditional component library, Bag/UI uses the custom registry system introduced by shadcn/ui. This allows developers to install components directly into their projects while keeping full ownership of the source code.

The philosophy is simple:

No black-box components
No vendor lock-in
Full source code ownership
Easy customization
Production-ready UI blocks

If you've used shadcn/ui before, you'll feel right at home.

Why I Built It

One thing I noticed while building client projects and personal products is that most UI libraries focus on individual components.

You get buttons.

You get dialogs.

You get inputs.

But what you actually need when shipping a product are complete sections.

A landing page isn't made of buttons.

It's made of:

Hero sections
Feature showcases
Pricing tables
Testimonials
Call-to-actions
Navigation bars
Footers

Developers often spend hours rebuilding these patterns from scratch.

Bag/UI aims to solve that problem by providing reusable sections that can be installed in seconds and customized however you want.

Getting Started

Adding Bag/UI to your project takes a single command:

npx shadcn@latest registry add =https://bagui.vercel.app/r/{name}.json

Once the registry is added, you can install any available block directly from the CLI.

For example:

npx shadcn@latest add /hero-modern

Or:

npx shadcn@latest add /pricing-section

The component is copied directly into your project, following the same philosophy that made shadcn/ui popular among developers:

You own the code.

Built for Real Projects

Bag/UI isn't intended to be another showcase library full of beautiful demos that never make it to production.

Every block is designed with real-world usage in mind:

Clean component structure
Responsive layouts
Tailwind CSS styling
shadcn/ui compatibility
Developer-friendly customization

Some blocks also leverage technologies like GSAP and Framer Motion to provide richer interactions and animations when needed.

Why a Registry Instead of an npm Package?

Traditional UI libraries often become difficult to customize as projects grow.

With a registry-based approach:

Components are copied into your codebase
You can modify anything
No dependency lock-in
Easier debugging
Better long-term maintainability

This model has become increasingly popular because it prioritizes ownership over abstraction.

Example Workflow

Install the registry:

npx shadcn@latest registry add =https://bagui.vercel.app/r/{name}.json

Install a component:

npx shadcn@latest add u/bagui/hero-modern

Import it into your application:

import { HeroModern } from "@/components/bagui/hero-modern";

export default function HomePage() {
  return (
    &lt;main&gt;
      &lt;HeroModern /&gt;
    &lt;/main&gt;
  );
}

Customize it however you want:

&lt;HeroModern
  title="Build Faster"
  description="Install production-ready sections directly into your project."
/&gt;

No wrappers.

No locked APIs.

No hidden implementation details.

The Goal

Bag/UI is still in its early stages.

My goal is to build a growing catalog of high-quality sections that help developers ship faster without sacrificing flexibility.

Instead of spending hours rebuilding common layouts, you can start with a production-ready foundation and focus on what makes your product unique.

What's Coming Next?

The roadmap includes:

More landing page sections
SaaS-focused blocks
Dashboard layouts
Marketing components
Complete page templates
Advanced animations
Better developer tooling

The vision is simple:

Try Bag/UI

🌐 Website

https://bagui.vercel.app

📚 Documentation

https://bagui.vercel.app/docs

If you're already using shadcn/ui in your projects, I'd love to hear your feedback and suggestions for future components.

Happy building 🚀

reddit.com

u/anelkabag — 3 months ago