Next Codeui

Introducing Next codeui, your go-to library for beautifully crafted, customizable UI components for Next.js. Built with Framer Motion for smooth animations, these accessible components are easy to integrate - just copy, paste, and tweak to match your style.

🔗 Explore CodeUI

Installation

npm install next-codeui

Quick Start Guide

1. Add Components

Once installed, you can instantly start adding components to your project with a simple command. For example, to add the ScrambleText component, use:

npx next-codeui add join-waitlist

2. Code Usage

After adding a component, you can easily import it into your Next.js project:

import JoinWaitlist from "@/components/codeui/join-waitlist";

export default function Page() {
  const profileImages = [ "image", "image1", "image2" ];

  return (
    <JoinWaitlist
      buttonText="Join Waitlist"
      description="10k+ Already Joined"
      profileImages={profileImages}
    />
  );
}

Components Showcase

Explore a variety of pre-built, animated components ready for you to use:

• All Components
• Image Comparison
• Calender Widget
• 3D Rotation
• FunCard Hover
• Lightship Card
• Join Waitlist

Why Choose Next CodeUI?

• Customizable: Tailor each component to fit your project’s unique design system.
• Framer Motion Powered: Components come with smooth, polished animations out of the box.
• Reusable: Simply import and reuse components across your project, saving you time and effort.
• Seamless Integration: Designed to work effortlessly with Next.js, making development faster and easier.

Start building beautiful, dynamic UIs with Next CodeUI today!

🔗 Learn More and Explore Components