Velocity UI
Loading…
Component

Core Stack

A production-ready core stack component for your Next.js application. Accessible, customizable, and built with modern standards.

Core Stack

Motion-driven icon capsules showing the framework versions your product relies on. Theme-aware via Velocity tokens, so it reads clearly in light and dark.

Design

  • Pill label with animated glare sweep.
  • 3D hover tilt on logos.
  • Precise borders and dotted inner rails for technical feel.
Where to use
  • Home page hero/footer tech sections
  • Product pages showing supported stack
  • Docs landing pages
  • Marketing sections with animated badges
Props
NameTypeDefaultDescription
classNamestringundefinedOptional wrapper className to adjust spacing.
Context Worth Keeping In Orbit

Most components here are inspired by outstanding libraries and creators in the ecosystem. I don’t claim to be the original author — this is my space for learning, rebuilding, and understanding great work at a deeper level.

I’m still a student of the craft, constantly studying the best and translating what I learn through my own perspective. Every piece reflects curiosity, respect for the community, and small creative touches that feel true to me.

I’ve done my best to credit inspirations properly. If anything is missing or inaccurate, I truly appreciate a message so it can be corrected with care.

Install

Project Init

bash
npx vui-registry-cli-v1 init

Add Component

bash
npx vui-registry-cli-v1 add core-stack

Details

Tech Used

ReactTypeScriptFramer MotionReact IconsTailwind CSS