Bilal UI is currentlyunder development

Ship faster with BilalUi
build for scale.

Empower your workflow with a library of 150+ high-performance components. Meticulously built with Tailwind CSS 4.0 and shadcn/ui to deliver the ultimate user experience.

Optimized for Tailwind CSS 4.0 performance!Latest
TailwindCSSTailwindCSS
MotionMotion
Shadcn UIshadcn/ui
Next.js
React

Buttons, Inputs & More

+ more available

Copy & Paste Ready

Every component is ready to be copied directly into your project.

Fully Customizable

Tailwind-based styling that's easy to modify and extend.

Interactive Elements

Smooth animations and transitions built-in.

export function Button() {
  return (
    <button className...“>
      Click me
    </button>
  );
}

Build beautiful interfaces

A collection of UI components that you can copy and paste into your apps.

Accessible. Open Source.

Built with Bilal UI

Discover high-quality templates and interfaces built using our components.

LandingSoon

SaaS Landing Page

Modern landing page with hero, features, and pricing sections.

DashboardSoon

Admin Dashboard

Full-featured dashboard with charts, tables, and sidebar navigation.

PortfolioSoon

Portfolio Template

Clean and minimal portfolio for developers and designers.

Key Features

Everything you need to build modern, scalable applications.

Beautiful Reusable React Components

Versatile collection of pre-designed React and Next.js components based on JSX. Bilal UI offers modular, reusable building blocks to accelerate your workflow.

Highly-Customizable with Tailwind CSS

Effortlessly style and theme your UI with Tailwind CSS. Leverage utility-first classes and flexible configurations to create pixel-perfect, brand-aligned designs.

200+ Unique UI Components

Access a diverse set of customizable UI components. Seamlessly integrated and scalable, these elements enhance your application's visual appeal and functionality.

Multi-framework Support with JSX

Bilal UI supports multiple frameworks based on JSX, including React and Next.js, offering flexible integration for diverse projects.

Engaging Animations Powered by Framer Motion

Captivate users with fluid animations and transitions using Framer Motion. Bilal UI delivers seamless micro-interactions.

Developer-Centric Design for Scalability

Built for developers, Bilal UI emphasizes clean, modular, and extensible code. From startup MVPs to enterprise applications, scaling is effortless.

Got questions?

Frequently Asked Questions

Everything you need to know about the library.

Ready to start building?

Build your next idea with Bilal UI

Join thousands of developers building beautiful applications faster than ever. Accessible, customizable, and open source.

Stay Updated

Join the Bilal UI inner circle

Get early access to new components and exclusive design resources.

No spam, just quality updates. Unsubscribe anytime.