312
Authentic Tron Aesthetic: Immerse your users in a digital world with a theme that captures the essence of Tron, featuring dynamic 3D effects, HUD-style elements, and glowing visual cues.
Greek God Color Schemes: Choose from 6 distinct color palettes, each inspired by powerful Greek deities like Ares, Athena, and Poseidon, offering unique visual identities for your projects.
Extensive Component Library: Access a rich collection of over 50 pre-built components, including data cards, status bars, avatars, and more, all styled to perfection with the Tron-inspired design language.
Immersive 3D Effects: Enhance user experience with integrated Three.js effects, such as a dynamic 3D grid, particle systems, and light beams that react to user interaction and theme selection.
Movie UI Elements: Incorporate authentic movie UI elements, such as timers, alerts, and radar components, to create a truly cinematic feel for your applications.
Glow Utilities: Utilize powerful CSS utilities for creating stunning neon glows, scanlines, and pulsing animations, adding depth and visual flair to your interfaces.
TypeScript Support: Benefit from full type safety with comprehensive TypeScript definitions, ensuring a robust and maintainable development process.
Seamless Integration: Built on top of shadcn/ui and Tailwind CSS, The Gridcn integrates effortlessly into your existing React projects, including those using Next.js.
Customizable Themes: Easily customize existing themes or create your own by leveraging the oklch() color space and CSS variables for unparalleled control over your project's visual identity.
Ready-to-Use Templates: Jumpstart your development with two full-page layout templates – a Dashboard and a Landing Page – showcasing the practical application of The Gridcn components.
The Gridcn is more than just a theme; it's a gateway to building visually stunning and highly interactive digital experiences. Explore the components, customize the themes, and enter the grid today.
Built with