solcn

A CLI for adding beautiful 3D components to your project. Inspired by shadcn/ui.

clicomponentsui3dreact

Example

Interactive Preview

Card back
Card front

Usage

Initialize solcn in your project:

npx @solahidris/solcn@latest init

Add components to your project:

npx @solahidris/solcn@latest add 3d-card

Available Components

3d-card

Interactive 3D card with holographic effects

How it Works

Unlike traditional npm packages, solcn copies the component source code directly into your project. This gives you:

  • Full control over the code
  • No external dependencies to manage
  • Easy customization
  • Copy-paste friendly

Component Props

ThreeDCard

PropTypeDefaultDescription
imgstringRequiredFront image URL
backimgstringSame as imgBack image URL
disableClickEnlargebooleanfalseDisable click-to-enlarge
disableHoverCardGlowbooleanfalseDisable hover glow effect