Nyx UI

Bento Section 01

Developer-stats bento — a Unified Performance Stats visual with the GitHub Repo Card, Terminal, and Matrix Code Rain components.

Component Demos

These are a few components that you can easily plug into your next project.

Type commands instantly

Run install scripts from anywhere

zsh — 80×24
idle
run# npx shadcn@latest
Booting…

Works with your stack

Stripe, Notion, GitHub, and the rest

Mihir Jaiswal

Mihir Jaiswal

@mihirjaiswal

Check out this cool ripple effect! 😆 #webdev #magic

Loading...

Hey! Just curious — do you ever get bored answering people all day?

Not at all! I actually enjoy it. Every message is a new mystery to solve 😄

That's kinda cool. Do you remember everything we talk about?

In this chat? Yup — but only while we're talking. I don't keep anything after unless you want me to.

Install Component·8 minutes ago

Add to your project

Import Components·5 minutes ago

Start using in code

Configure Settings·2 minutes ago

Customize your experience

Build Amazing UIs·Just now

Create stunning interfaces

Ship to Production·Just now

Deploy with confidence

Bento Section 01 is a developer focused stats grid: a Unified Performance Stats visual anchored in the layout, flanked by the GitHub Repo Card, Terminal, and Matrix Code Rain components. The animations start on scroll into view and keep running, so the section feels populated without any interaction. Built with React and Tailwind CSS for developer tool landing pages and open source project showcases.

Installation

Install dependencies.

Add the GitHub Repo Card, Terminal, and Matrix Code Rain components.

Copy and paste the following code into your project.

Unlock the full library

Get all pro blocks, components & illustrations, and production-ready Next.js + Tailwind templates.

Get All Access

Update the import paths to match your project setup.