Components

Timeline

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

npx neonblade add timeline

Variants

Default

Jan 2024

Project Kickoff

Repository created, toolchain configured, and initial component scaffolding complete.

v0.1

Mar 2024

Core Components

Cards, buttons, badges, and frame components shipped with full prop APIs.

v0.5

Jun 2024

CLI Tool Released

npx neonblade-ui add <component> — copy components directly into your project.

v1.0

Q1 2025

Navigation Suite

Standard, floating, dock navbar variants plus mega footer shipped.

Glow

Jan 2024

Project Kickoff

Repository created, toolchain configured, and initial component scaffolding complete.

v0.1

Mar 2024

Core Components

Cards, buttons, badges, and frame components shipped with full prop APIs.

v0.5

Jun 2024

CLI Tool Released

npx neonblade-ui add <component> — copy components directly into your project.

v1.0

Q1 2025

Navigation Suite

Standard, floating, dock navbar variants plus mega footer shipped.

Minimal

Jan 2024

Project Kickoff

Repository created, toolchain configured, and initial component scaffolding complete.

v0.1

Mar 2024

Core Components

Cards, buttons, badges, and frame components shipped with full prop APIs.

v0.5

Jun 2024

CLI Tool Released

npx neonblade-ui add <component> — copy components directly into your project.

v1.0

Q1 2025

Navigation Suite

Standard, floating, dock navbar variants plus mega footer shipped.

Stepped

Jan 2024

Project Kickoff

Repository created, toolchain configured, and initial component scaffolding complete.

v0.1

Mar 2024

Core Components

Cards, buttons, badges, and frame components shipped with full prop APIs.

v0.5

Jun 2024

CLI Tool Released

npx neonblade-ui add <component> — copy components directly into your project.

v1.0

Q1 2025

Navigation Suite

Standard, floating, dock navbar variants plus mega footer shipped.

Colors

Cyan

Jan 2024

Project Kickoff

Repository created, toolchain configured, and initial component scaffolding complete.

v0.1

Mar 2024

Core Components

Cards, buttons, badges, and frame components shipped with full prop APIs.

v0.5

Jun 2024

CLI Tool Released

npx neonblade-ui add <component> — copy components directly into your project.

v1.0

Pink

Jan 2024

Project Kickoff

Repository created, toolchain configured, and initial component scaffolding complete.

v0.1

Mar 2024

Core Components

Cards, buttons, badges, and frame components shipped with full prop APIs.

v0.5

Jun 2024

CLI Tool Released

npx neonblade-ui add <component> — copy components directly into your project.

v1.0

Custom #ff6600

Jan 2024

Project Kickoff

Repository created, toolchain configured, and initial component scaffolding complete.

v0.1

Mar 2024

Core Components

Cards, buttons, badges, and frame components shipped with full prop APIs.

v0.5

Jun 2024

CLI Tool Released

npx neonblade-ui add <component> — copy components directly into your project.

v1.0

Dot Shapes

Circle

Jan 2024

Project Kickoff

Repository created, toolchain configured, and initial component scaffolding complete.

v0.1

Mar 2024

Core Components

Cards, buttons, badges, and frame components shipped with full prop APIs.

v0.5

Jun 2024

CLI Tool Released

npx neonblade-ui add <component> — copy components directly into your project.

v1.0

Square

Jan 2024

Project Kickoff

Repository created, toolchain configured, and initial component scaffolding complete.

v0.1

Mar 2024

Core Components

Cards, buttons, badges, and frame components shipped with full prop APIs.

v0.5

Jun 2024

CLI Tool Released

npx neonblade-ui add <component> — copy components directly into your project.

v1.0

Diamond

Jan 2024

Project Kickoff

Repository created, toolchain configured, and initial component scaffolding complete.

v0.1

Mar 2024

Core Components

Cards, buttons, badges, and frame components shipped with full prop APIs.

v0.5

Jun 2024

CLI Tool Released

npx neonblade-ui add <component> — copy components directly into your project.

v1.0

Dot Animations

Pulse

Jan 2024

Project Kickoff

Repository created, toolchain configured, and initial component scaffolding complete.

v0.1

Mar 2024

Core Components

Cards, buttons, badges, and frame components shipped with full prop APIs.

v0.5

Jun 2024

CLI Tool Released

npx neonblade-ui add <component> — copy components directly into your project.

v1.0

Ping

Jan 2024

Project Kickoff

Repository created, toolchain configured, and initial component scaffolding complete.

v0.1

Mar 2024

Core Components

Cards, buttons, badges, and frame components shipped with full prop APIs.

v0.5

Jun 2024

CLI Tool Released

npx neonblade-ui add <component> — copy components directly into your project.

v1.0

Line Styles

Solid

Jan 2024

Project Kickoff

Repository created, toolchain configured, and initial component scaffolding complete.

v0.1

Mar 2024

Core Components

Cards, buttons, badges, and frame components shipped with full prop APIs.

v0.5

Jun 2024

CLI Tool Released

npx neonblade-ui add <component> — copy components directly into your project.

v1.0

Dashed

Jan 2024

Project Kickoff

Repository created, toolchain configured, and initial component scaffolding complete.

v0.1

Mar 2024

Core Components

Cards, buttons, badges, and frame components shipped with full prop APIs.

v0.5

Jun 2024

CLI Tool Released

npx neonblade-ui add <component> — copy components directly into your project.

v1.0

Glow

Jan 2024

Project Kickoff

Repository created, toolchain configured, and initial component scaffolding complete.

v0.1

Mar 2024

Core Components

Cards, buttons, badges, and frame components shipped with full prop APIs.

v0.5

Jun 2024

CLI Tool Released

npx neonblade-ui add <component> — copy components directly into your project.

v1.0

None

Jan 2024

Project Kickoff

Repository created, toolchain configured, and initial component scaffolding complete.

v0.1

Mar 2024

Core Components

Cards, buttons, badges, and frame components shipped with full prop APIs.

v0.5

Jun 2024

CLI Tool Released

npx neonblade-ui add <component> — copy components directly into your project.

v1.0

Alignment

Left

Jan 2024

Project Kickoff

Repository created, toolchain configured, and initial component scaffolding complete.

v0.1

Mar 2024

Core Components

Cards, buttons, badges, and frame components shipped with full prop APIs.

v0.5

Jun 2024

CLI Tool Released

npx neonblade-ui add <component> — copy components directly into your project.

v1.0

Right

Jan 2024

Project Kickoff

Repository created, toolchain configured, and initial component scaffolding complete.

v0.1

Mar 2024

Core Components

Cards, buttons, badges, and frame components shipped with full prop APIs.

v0.5

Jun 2024

CLI Tool Released

npx neonblade-ui add <component> — copy components directly into your project.

v1.0

Alternate

Jan 2024

Project Kickoff

Repository created, toolchain configured, and initial component scaffolding complete.

v0.1

Mar 2024

Core Components

Cards, buttons, badges, and frame components shipped with full prop APIs.

v0.5

Jun 2024

CLI Tool Released

npx neonblade-ui add <component> — copy components directly into your project.

v1.0

Q1 2025

Navigation Suite

Standard, floating, dock navbar variants plus mega footer shipped.

Props Configuration

Prop	Type	Default	Description
`items`	`TimelineItemData[]`	-	Array of timeline items to render. Each item has: title (required), date, description, badge, icon, active.
`color`	`"cyan" \| "pink" \| "green" \| string`	`"cyan"`	Accent color. Use a preset name or any CSS color value.
`variant`	`"default" \| "glow" \| "minimal" \| "stepped"`	`"default"`	"default" — bare line + dots. "glow" — neon-glow card wrapper per item. "minimal" — understated small dots. "stepped" — left-bordered blocks, no dot.
`lineStyle`	`"solid" \| "dashed" \| "glow" \| "none"`	`"solid"`	Style of the vertical connector line.
`dotStyle`	`"circle" \| "square" \| "diamond"`	`"circle"`	Shape of the connector node dot.
`dotAnim`	`"none" \| "pulse" \| "ping"`	`"none"`	"pulse" — breathing glow on the dot. "ping" — expanding ring ping animation.
`align`	`"left" \| "right" \| "alternate"`	`"left"`	"left" — line on far left, content right. "right" — line on far right. "alternate" — content alternates sides with a centered line.
`animate`	`boolean`	`false`	When true, items animate in with a staggered fade-slide effect on mount.
`className`	`string`	-	Extra CSS class names applied to the root element.