Show HN: Nikala UI – UI Component Library for SolidJS and Tailwind CSS v4

magradze1 pts0 comments

Nikala UI — SolidJS & Tailwind CSS v4 Component System<br>Website is under active construction. Some pages and components are in preview mode.<br>GitHub

Search...⌘K8Toggle theme

Nikala UI v0.10.1 is now live for Tailwind v4<br>Copy-Paste UI Components for SolidJS & Tailwind v4<br>Honoring Georgian painter Niko Pirosmani (Nikala). Fine-grained reactivity, full code ownership, smart CLI, and native CSS-first configuration.<br>Explore Components$npx @nikala-ui/cli initCopy

Reactive Form Controls

Fine-Grained

Inputs, switches, and buttons built with SolidJS signals for instant state synchronization.

Project Identifier<br>Real-time Push Alerts

Enable Auto-Sync<br>Save Setup

Avatar & Fallbacks

Automatic error fallback indicators.

NP

Niko PirosmaniArtist & Painter<br>Pro

View Profile

Command Palette

Accessible keyboard navigation.

Global Search⌘K

Quick CLICtrlB

Press ⌘K to Search

Layered Tabs

Horizontal and vertical content switchers.

OverviewCode<br>Fine-grained SolidJS reactivity.

Accessible ARIA tabs

Status Callouts

Feedback banners and alerts.

svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground bg-emerald-50 text-emerald-900 border-emerald-200 dark:bg-emerald-950/50 dark:text-emerald-200 dark:border-emerald-900/50 animate-in fade-in-0 duration-200 p-3 text-xs ">Success<br>Tailwind v4 tokens loaded.

5 Status Variants

Async Loading States<br>Skeleton

Animated pulse loading placeholders for async data fetching.

Smooth CSS keyframe pulse animationsExplore Docs →

emerald nikala solidjs tailwind text components

Related Articles