Nightlylab · alpha 0.01UIBackend

For dev. component lab

UI-first components alpha 0.03 is targeted for a stable bundle. Backend + frontend components are planned for a practical starter soon.

UI components

30+

From navbar to modal and form controls, all theme-aware. Drop-in and go.

Fullstack

Dev lab

UI, scripts, backend and updates in one place; content stays editable. Fast iteration in one repo.

Starter

WIP

More UI parts, backend components, web-based scripts and beyond.

Automation

Ops

Image conversion, download service and small automation scripts. Pipeline in one command.

nightlylab
⌘Accordion
⌘Avatar
⌘Badge
⌘Breadcrumb
⌘Button
⌘Card
⌘Command Palette
⌘Configurable Pomodoro
⌘Data Table
⌘Image Converter
⌘Input
⌘Marquee
⌘Marquee Hero Text
⌘Modal
⌘Navbar
⌘Notification
⌘Pagination
⌘Parallax Card Stack
⌘Pomodoro
⌘Progress Bar
⌘Rating
⌘Scroll Progress
⌘Section Dots
⌘Segment Control
⌘Skeleton
⌘Slider
⌘Social Media
⌘Switch
⌘Tabs
⌘Theme Provider
⌘Tooltip
⌘Accordion
⌘Avatar
⌘Badge
⌘Breadcrumb
⌘Button
⌘Card
⌘Command Palette
⌘Configurable Pomodoro
⌘Data Table
⌘Image Converter
⌘Input
⌘Marquee
⌘Marquee Hero Text
⌘Modal
⌘Navbar
⌘Notification
⌘Pagination
⌘Parallax Card Stack
⌘Pomodoro
⌘Progress Bar
⌘Rating
⌘Scroll Progress
⌘Section Dots
⌘Segment Control
⌘Skeleton
⌘Slider
⌘Social Media
⌘Switch
⌘Tabs
⌘Theme Provider
⌘Tooltip

Lab modules

UI + scripts + starter + notes

Four tracks move together. Text is editable; adapt it to your own structure.

Single repo

UI Kit

Copy & tweak

Live

30+ components, theme-aware and motion-ready. Grab it from the playground, copy and tweak.

PlaygroundLight/DarkTailwind

Script flow

CLI + API

Coming

Image conversion, download service and small automations. Built to run with a single command.

CLIAutomationConvert

Starter kits

Fullstack

In progress

Auth + data layer + theming in one bundle. Next.js-based fullstack template in progress.

AuthDBScaffold

Updates / notes

Always updating

Preparing

Roadmap, changelog and ops notes with editable content. Add your own copy easily.

ChangelogDocsNotes

Roadmap

Roadmap

Current

Today

Active

Component playground is live; theme system and image conversion demo are ready.

  • • Playground is live and editable

Next

Preparing

UI refinements, new components, and API-backed components to improve usability.

  • • UI fixes
  • • One-command setup
  • • API usage guide

Later

Draft

NPM package support, live preview/sandbox, backend-enabled components.

  • • NPM distribution & versioning
  • • Live preview / sandbox
  • • Backend-ready component layer
  • • Auth, data fetch and state scenarios