SCG UI is designed to be copy-paste friendly, so you can integrate components into your project without additional package installs.
Each component comes with self-contained JSX/TSX code, Tailwind classes, and animation logic ready to go.

Even though SCG UI doesn’t require an npm install, you’ll need a few prerequisites in your project:

If you don’t already have one, create a project:

npx create-next-app@latest my-app --typescript --tailwind
cd my-app

If you plan to use animated components:

npm install gsap motion

Go to the SCG UI Components Gallery, pick your component, and paste it directly into your project. Make sure to also copy any accompanying CSS, configuration, or helper files mentioned in the component's notes.

Each component is fully editable — adjust Tailwind classes, animations, and content to match your project's style.

• Browse the Components
• Check out the Animations Showcase for microinteraction ideas
• Follow our Best Practices guide for cleaner integration