NEW — v2.0 Released
Tron-Inspired Component Library

Build the Future Grid

A premium collection of 55+ UI components with 6 Greek god-themed color systems, 3D effects, and movie-accurate Tron aesthetics. Built for React 19 and Next.js 16.

Trusted by teams building the future
Encom
Flynn Industries
Digitech
Nexus Corp
Gridworks
Voxel Labs
CyberCore
DataStream
Encom
Flynn Industries
Digitech
Nexus Corp
Gridworks
Voxel Labs
CyberCore
DataStream

Capabilities

Everything You Need

Lightning Performance

Built with React 19 and Next.js 16 for blazing-fast server-side rendering and edge-ready deployments.

6 Theme Systems

Greek god-inspired color schemes — Ares, Tron, Clu, Athena, Aphrodite, and Poseidon — all using oklch() color space.

55+ Components

A comprehensive library of Tron-inspired UI primitives, from data tables to 3D grids and animated gauges.

Cyber Security

Enterprise-grade patterns with secure-by-default components, ARIA-compliant accessibility, and CSP-ready styling.

Developer Experience

TypeScript-first APIs, full IntelliSense support, and copy-paste-ready components with zero config.

0+
Components
0
Theme Systems
0%
TypeScript Coverage
0+
GitHub Stars

Pricing

Choose Your Access Level

Free
$0/forever

Perfect for personal projects and exploration.

All 55+ UI components
6 theme systems
Community support
MIT License
Template examples
Priority updates
Custom theme builder
Dedicated support
POPULAR
Pro
$29/mo

For teams building production applications.

All 55+ UI components
6 theme systems
Priority support
MIT License
Dashboard & landing templates
Priority updates
Custom theme builder
Dedicated support
Enterprise
$99/mo

Full access with dedicated support and custom themes.

All 55+ UI components
6 theme systems
24/7 dedicated support
MIT License
All templates + source
Priority updates
Custom theme builder
Dedicated support channel

Testimonials

Loved by Developers

"

The Gridcn transformed our product dashboard. The Tron aesthetic gives our platform a futuristic edge that users love.

Aria Chen
CTO at Nexus Corp
"

We shipped our redesign in half the time. The component library is incredibly well-thought-out and the theme system is pure gold.

Marcus Webb
Lead Engineer at Digitech
"

Finally a UI kit that doesn't look like everything else on the web. Our clients are blown away by the visual quality.

Elena Rossi
Design Director at Voxel Labs

Comparison

How We Compare

Feature Matrix
FeatureThe Gridcn
Standard UI KitCustom Build
Tron-inspired aesthetic
6 theme systems
55+ components30+Varies
TypeScript-first
Dark mode optimizedPartial
3D components
Animated effectsBasic
oklch() color space
Copy-paste ready
Time to shipDaysWeeksMonths

Ready to Enter the Grid?

Join thousands of developers building futuristic interfaces with The Gridcn. Free, open-source, and endlessly customizable.

FAQ

Frequently Asked Questions

The Gridcn is a Tron: Ares inspired UI component library built on top of shadcn/ui. It features Greek god-themed color schemes, 3D effects, and movie-accurate Tron aesthetics — all built with Next.js, React, TypeScript, and Tailwind CSS.
Yes! The core component library is completely free and open-source under the MIT license. You can use it in personal and commercial projects without any restrictions.
You can install individual components via the shadcn/ui CLI or copy them directly from the source. Each component is self-contained and ready to drop into your Next.js project.
Absolutely. The Gridcn extends shadcn/ui — all base primitives remain fully compatible. You can mix and match standard and Tron-themed components in the same project.
Themes are powered by CSS custom properties using the oklch() color space. Switch themes by setting a data-theme attribute on your HTML element. Theme state persists automatically via localStorage.
Yes. The theme system is designed to be extensible. Define your own oklch() color variables following the existing pattern and add a new data-theme entry in your CSS.

Stay Connected to the Grid

Get notified about new components, theme updates, and major releases. No spam — just signal.