Skip to content
@bw-ui

Black & White: UI Engineering

⬛ Black & White UI ⬜

Production-Grade Components. Zero Dependencies.


Website YouTube npm


Build real UI components from scratch.
No frameworks. No dependencies. Just clean architecture and real education.


📦 Components

Full-featured date picker with plugin architecture.

npm install @bw-ui/datepicker

~15KB · 12 Plugins · WCAG 2.1 AA

npm Demo

Undo/Redo, Excel copy-paste, AI filtering, URL state sync.

npm install @bw-ui/datatable

~20KB · 15+ Features · Mobile Ready

npm

Command palette with fuzzy search & keyboard navigation.

npm install @bw-ui/command-palette

~8KB · Fuzzy Search · A11y Ready

npm


🎯 Why BW-UI?

🔌

Plugin Architecture

Use only what you need. Every feature is a separate plugin.

📦

Zero Dependencies

No bloated node_modules. Smaller bundles, fewer breaking changes.

Accessibility First

WCAG 2.1 AA compliant. Keyboard navigation. Screen reader support.

📚

In-Depth Courses

Courses teaching how to build these components from scratch.


🚀 Quick Start

import { BWDatePicker } from '@bw-ui/datepicker';
import { ThemingPlugin } from '@bw-ui/datepicker-theming';
import { RangePlugin } from '@bw-ui/datepicker-range';

const picker = new BWDatePicker('#date')
  .use(ThemingPlugin, { theme: 'dark' })
  .use(RangePlugin);


UI Engineering

Made with 🖤 by @RajuChoudhary

Pinned Loading

  1. bw-datatable bw-datatable Public

    A lightweight, zero-dependency data table with plugin architecture. Sorting, filtering, editing, pagination & more in ~32KB.

    JavaScript 5

  2. bw-datepicker bw-datepicker Public

    🗓️ Lightweight, zero-dependency datepicker with modular plugin architecture. ~27.3KB core, dark mode, keyboard navigation, mobile gestures.

    JavaScript 3

Repositories

Showing 4 of 4 repositories

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loading…

Most used topics

Loading…