Skip to content

v0.4.0 — CLI Tool, Playground, 14 New Components, 675 Tests

Choose a tag to compare

View all tags
@VBeatDead VBeatDead released this 20 Feb 13:04
· 24 commits to main since this release
v0.4.0
0697220

What's New in v0.4.0

CLI Tool (npx reend-ui)

Shadcn-style copy-paste workflow — copy component source files directly into your project without installing the full library.

npx reend-ui init
npx reend-ui add button badge input
npx reend-ui list --signature
npx reend-ui update

Component Playground

Sandpack-powered live code editor embedded in the docs site. Edit components in real-time with shareable URLs via ?pg= param.

9 New Signature Components

  • MissionCard — mission briefing with priority (CRITICAL / HIGH / STANDARD) and status badge
  • OperatorCard — operator profile with clip-corner image, rank tag, and tactical stats
  • StatusBar — HUD bar with animated fill; variants: default / warning / danger / success
  • CommandOutput — terminal-style scrolling output with prompt styles
  • CountdownTimer — countdown clock with days / hours / minutes / seconds
  • MatrixGrid — falling character animation on canvas (katakana + alphanumeric)
  • FrequencyBars — animated audio frequency visualizer (20 bars)
  • TacticalTable — generic sortable table with sort indicators and empty state
  • Enhanced: DataStream, HUDOverlay, GlitchText, RadarChart

5 New Core Utility Components

  • Timeline + TimelineItem — vertical timeline with ◆/◇ status markers and vertical connector line
  • Stepper — horizontal/vertical step indicator with colored completion connectors
  • Pagination — page navigation with ellipsis algorithm, aria-current, disabled states
  • Breadcrumb — <nav> with configurable separator and aria-current="page"
  • NumberInput — controlled/uncontrolled input with +/− buttons, min/max/step, keyboard ArrowUp/Down

Previously unlisted → now exported

Skeleton, EmptyState, Alert

Test Coverage

675 tests across 14 test files (+45 new in this release)

Install

npm install reend-components

Docs: https://reend-components.pages.dev
npm: https://www.npmjs.com/package/reend-components
Changelog: https://github.com/VBeatDead/ReEnd-Components/blob/main/CHANGELOG.md#040---2026-02-20

Assets 2
Loading