Skip to content
neoncite

Blocks

Installable composed sections

Every Block below is a real registry:block item. Copy the install command, inspect its registry JSON, then replace the clearly labeled demo data with your product content.

hero-consolestats-strippricing-three-tiersstatus-healthauth-consolefeatures-gridtestimonialsfaq-foldedpricing-tiers-alternativecta-bannerdashboard-activitydashboard-shelltelemetry-dashboarddeployment-dashboardai-agent-consolesettings-panelonboarding-panelerror-state-page
01 · Hero — Console
Demo content
v0.1 — alpha

Ship faster.
Look sharper.

A design system for builders who think interfaces should feel like instruments, not lobby art.

02 · Stats — Dashboard Strip
Demo content
Requests
14.2K
▲ +12.3%
Latency
84ms
▼ -4ms
Errors
0.02%
▼ -0.1%
Uptime
99.98%
— 30d
03 · Pricing — Three Tiers
Demo content

Demo pricing · example product copy, not Neoncite plans

Starter

$0 /mo

  • 3 projects
  • Core analytics
  • Community workspace

Team

Popular

$29 /mo

  • Unlimited projects
  • Team roles
  • Audit history

Scale

$99 /mo

  • Advanced controls
  • Custom retention
  • Priority routing
04 · Status — Service Health
Demo content

System Status

All Operational

Updated 14 seconds ago

API99%
Database96%
CDN78%
Workers100%
05 · Auth — Sign-in Console
Demo content

Sign in

Use your work email to continue.

Forgot

No account? Request access

06 · Features — Iconic Grid
Demo content

Instant install

One CLI command writes typed source into your repo. No black box.

Accessible by default

Radix primitives ship with focus, ARIA, and keyboard wired in.

Composable tokens

CSS variable tokens cascade — theme without forking a single component.

Tailwind v4 native

Built on the new engine. No PostCSS plugin gymnastics.

Registry compatible

shadcn-style registry schema. Works with existing tooling.

Motion with intent

Restraint by default, kinetic when it matters. Reduced-motion respected.

07 · Testimonials — Demo Notes
Demo content

Demo content · fictional names and quotes for layout preview only

"The interface stays readable even when the dashboard gets dense and operational."

AC
Alex Chen
Example customer · Platform
demo

"The machined surfaces give technical tools a strong identity without sacrificing clarity."

JL
Jordan Lee
Example customer · Design
demo

"Source ownership makes it straightforward to compose the primitives around product needs."

SR
Sam Rivera
Example customer · Engineering
demo
08 · FAQ — Folded
Demo content

Yes. MIT licensed for the components and CLI. Pro blocks and Figma kit are paid.

09 · Pricing — Alternative
Demo content

Demo pricing · example product copy, not Neoncite plans

Launch

starter
$0/mo

A compact example tier for a new technical product.

  • 1 workspace
  • Core metrics
  • 7-day history
  • Community access

Operate

popular
$29/mo

Example team tier for production operations and collaboration.

  • Unlimited workspaces
  • Team roles
  • 90-day history
  • Alert routing

Control

scale
$99/mo

Example advanced tier for organizations with stricter controls.

  • Advanced permissions
  • Custom retention
  • Audit exports
  • Priority routing
10 · CTA — Closing Banner
Demo content
Ready when you are

Build the interface
you actually want.

One CLI command. Plain TSX into your project. No runtime, no lock-in, no apologies.

npx neoncite add button
11 · Dashboard — Activity Overview
Demo content

Network Activity

Requests and latency over the last 7 days

Live
Total Requests
19,550
↑ 12%vs last week
Avg Latency
142ms
↓ 8msvs last week
12 · App — Dashboard Shell
Demo content
Control plane

Operations

All systems nominal
Requests
14.2K
▲ +8.4%
Latency
84ms
▼ -7ms
Errors
0.4%
▼ -0.1%
Regions
12
▲ +1
edge-07
fra-1
CPU
34%
Memory
61%
Storage
48%
edge-11
iad-1
CPU
52%
Memory
44%
Storage
71%
13 · Observability — Telemetry Dashboard
Demo content
Telemetry

Runtime overview

84ms
Requests/s
14.2k
+8.4%
Errors
0.4%
-0.1%
72
%
CPU
System health
API
42ms
Queue
1.2s
Database
18ms
ServiceValue
Throughput
8.4 GB/s
Connections
2,482
Cache hit
96.8%
Queue depth
184
14 · DevOps — Deployment Dashboard
Demo content
Deployments
api-edge
production9f31a2c
Ready
52s
worker-sync
production5a7d104
Building
18s
console
preview83bb0d2
Queued
api-edge deployed
12 regions updated
2m
worker-sync build started
cache restored
now
Release diagnostics
Typecheck
Registry integrity
p95 latency
184ms, target 180ms
Artifact parity
15 · AI — Agent Console
Demo content
Operator Agent
Ready
Inspect the latest deployment and surface anything that needs attention.
The deployment is healthy. One warning: p95 latency is 184ms in fra-1, 4ms above target.
terminal
agent/tool
>inspect deployment api-edge
status: ready
regions: 12
p95: 184ms
14:22:01infotool call: deployment.get[agent]
14:22:02successresult received[agent]
14:22:02warnlatency threshold exceeded[fra-1]
16 · App — Settings
Demo content

Profile settings

Demo settings surface using Neoncite form primitives.

Operational alerts
Receive critical runtime notifications.
17 · App — Onboarding
Demo content

Initialize your workspace

A technical onboarding surface for connecting a runtime, validating configuration, and shipping the first deployment.

  1. Connect
  2. 2
    Configure
  3. 3
    Deploy
CLI connected
Workspace token detected.
Ready
Configuration
Review environment and permissions.
18 · State — Runtime Error
Demo content
Runtime fault

Unable to reach the control plane

The interface is intact, but the upstream service did not respond. Retry or inspect diagnostics before continuing.

Diagnostics
API gateway unavailable
Connection timed out after 8s.
Client configuration valid
Last successful heartbeat
42 seconds ago