Nawfal UI Kit
Production-grade monochromatic component architecture featuring authoritative taxonomy, AI RAG engines, audio media suites, and full source code specs.
AI Semantic Vector Search
AI-powered conversational semantic search bar with similarity confidence score.
CLI: nawfal-uiAI Vision Prompt Inspector
Multi-modal AI vision analyzer measuring structural UI density & code patches.
CLI: nawfal-uiInteractive Code Diff Viewer
Inline git code comparison diff patch with copy trigger.
CLI: nawfal-uiRAG AI Token Stream Simulator
Token-by-token streaming RAG AI generation simulator.
CLI: nawfal-uiSpotify Mini Player
Midnight City
M83
Mini audio player with progress bar timestamps & play/pause toggle.
CLI: nawfal-uiSpotify Track Row
Starboy
The Weeknd
Playlist row item with track number, play hover trigger, & duration.
CLI: nawfal-uiSpotify Vinyl Record Player
Rotating vinyl record player disc sleeve with active spin.
CLI: nawfal-uiSpotify Album Artwork Card
Random Access Memories
Daft Punk • 2013
Album artwork card with hover play button trigger.
CLI: nawfal-uiAudio Waveform Visualizer
Live frequency spectrum audio visualizer with spring physics.
CLI: nawfal-uiSynthesizer Sound Pad
Interactive 4-pad oscillator sound synthesizer widget.
CLI: nawfal-uiHolographic Scanline Card
ID
#NAWFAL-8890
Monochrome holographic card with hover scanline laser animation.
CLI: nawfal-uiHardware Telemetry Monitor
CPU
32%
RAM
58%
Real-time simulated CPU & RAM telemetry gauge monitor.
CLI: nawfal-uiLuminance Harmony Wheel
Monochrome luminance scale swatch generator.
CLI: nawfal-uiPalette Tint Generator
Real-time monochrome tint generator with click-to-copy.
CLI: nawfal-uiLive BPM Metronome
Interactive metronome ticker with BPM beat pulse.
CLI: nawfal-uiTerminal Task Runner
Interactive build execution simulator with logs.
CLI: nawfal-uiLive FPS Monitor
Real-time browser rendering performance gauge.
CLI: nawfal-uiAI Prompt Matrix Generator
"Generate monochrome UI component"
Structured prompt generator with copy trigger.
CLI: nawfal-uiParticle Mesh Node
Interactive node selector with glow spotlight feedback.
CLI: nawfal-uiHardware Keypress Tracker
Real-time keypress listener lighting up 3D keys on user key events.
CLI: nawfal-uiMagnetic Button
Physics spring button magnetizing to cursor glare.
CLI: nawfal-uiShimmer Beam Button
Rotating metallic border beam effect.
CLI: nawfal-uiParticle Burst Button
Monochrome burst ring ripple on click.
CLI: nawfal-uiCommand Key Shortcut
Keyboard shortcut card with click-to-copy.
CLI: nawfal-uiSegmented Control Switch
Sleek sliding tab selector pill.
CLI: nawfal-uiMonochrome Matrix Stream
Digital stream matrix background component with toggle.
CLI: nawfal-uiSpotlight Glow Card
Spotlight Glow
Cursor tracking border.
Radial mouse spotlight border highlight.
CLI: nawfal-uiCyber Grid Card
Node System
Futuristic corner crosshairs & node status.
CLI: nawfal-ui3D Tilt Parallax Card
3D perspective tilt on mouse movement.
CLI: nawfal-uiFloating macOS Dock
Icon dock bar with hover scaling.
CLI: nawfal-uiRetro CLI Terminal Window
Dark CLI window with action logs.
CLI: nawfal-uiAccordion FAQ Item
Spring physics expanding card.
CLI: nawfal-uiGlassmorphism Floating Input
Floating label backdrop blur input.
CLI: nawfal-uiPin Code OTP Input
4-digit PIN verification auto-advance.
CLI: nawfal-uiCompact Toggle Switch
Minimalist boolean state toggle.
CLI: nawfal-uiMinimal Pulse Badge
Monochrome live ping indicator dot.
CLI: nawfal-uiRadar Sweep Status
Spinning radar scan indicator.
CLI: nawfal-uiPipeline Step Badge
Compact vertical step indicator.
CLI: nawfal-uiNotification Toast Banner
Minimal toast with action close.
CLI: nawfal-uiAvatar Group Overlap
Overlapping monochrome avatars.
CLI: nawfal-uiMetric Key-Value Card
Compact telemetry performance card.
CLI: nawfal-uiGit Branch Tree Graph
Interactive commit graph visualizer with HEAD selector.
CLI: nawfal-ui