Components

Component Library

Explore our collection of modern and futuristic React components. Built with Tailwind CSS for ultimate customization without hidden magic.

Accent Frame

A dynamic frame with animated corner accents.

Ascii Rain

A futuristic falling ASCII matrix effect.

Badge

Futuristic label badge with pill, rectangle, and corner-cut shapes, dot indicators, and glow.

Border Beam Corner Cut

A corner cut card with a spinning border beam.

Card Slider

A generic card / image / video slider with touch swipe, arrow navigation, progress indicator (bar, dots, or counter), responsive visible count, auto-play, and full color customization.

Corner Cut Button

A button with a diagonal corner cut, multiple variants, colors, sizes and hover effects.

Crosshair

Animated crosshair cursor with two counter-rotating partial rings and a center crosshair. Fully customizable colors, sizes, ring thickness, arc gap, speed, and glow.

New

Cyber Circuit

Static SVG circuit traces entering from the corners with glowing terminal nodes. Configurable colors, line weight, dot style, and glow intensity.

Datalines With Grid

A grid with random data line tracers.

Footer

Fully customizable footer: minimal, columns, centered, and mega variants with link groups, social links, newsletter, and accent color system.

Glitch Text

Animated RGB split, CSS-only glitch effect.

Glyph City

Animated glyph cityscape with neon buildings, antennas, blinking peak lights, and flying vehicles.

Hexagons

Flat-top hexagon grid with customizable fill, border colors, hover highlight, ambient glow, and animated beam lines flowing along hex edges.

NavBar

All-in-one navbar: standard or dock variant, submenus, profile menu, transparent/glass/solid, fixed/floating/sticky positioning.

Neon Glow

Highly customizable neon glow text with single color, multi-color gradients (linear, radial, conic), and animated effects.

Neon Glow Corner Cut Card

A corner cut card with a neon gradient glow backdrop, icon box, and fully customizable colors, sizes and hover effects.

Neon Input

A fully-featured text input with the iconic NeonBlade corner-cut shape, neon focus glow, full color customization, label, hint, error state, prefix/suffix slots, border styles, background opacity, and all standard HTML input types.

Notch Card

Futuristic card with rectangular notch indentations on any sides, beam border, gradient border, and hover effects.

Timeline

Futuristic neon timeline with multiple variants, dot shapes, line styles, alignment modes, and staggered animate-in.