A personal, self-contained CLI tool for adding high-fidelity components, transitions, and text effects to your Next.js project. Inspired by the `shadcn/ui` workflow.
npm install apex-codex-clishadcn/ui workflow.
gsap, framer-motion, and lucide-react.
utils.ts for smooth class merging.
npx:
bash
npx apex-codex-cli
`
Or install it globally:
`bash
npm install -g apex-codex-cli
`
Quick Start
$3
Run the init command to set up your configuration (components.json) and base utilities.
`bash
npx apex-codex-cli init
`
$3
Add a component by name, or run the command without an argument to see a selection menu.
`bash
npx apex-codex-cli add menu
`
_Example: Adding the menu component will automatically install the Copy component, Line component, and the Language/Theme contexts._
Available Components
- Menu: A high-fidelity animated navigation menu.
- Copy: GSAP-powered text reveal and split-type animations.
- Line: Animated horizontal line reveals.
- Reveal: Slide-up block reveals.
- PageTransition: Complete page transition logic.
- WaveLine: Animated SVG wave effect.
- GridFlip: Animated grid component with flip-dot and random pop effects.
- GridFlipScene: Complete Three.js scene wrapper for GridFlip.
Configuration
The CLI uses a components.json file in your root directory to track paths:
`json
{
"paths": {
"components": "src/components",
"utils": "src/lib"
}
}
``