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.
npm install next-codeuiOnce 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-waitlistAfter 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}
/>
);
}
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
- 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.