Components
Introduction

Princey UI

Welcome to Princey UI, a versatile component library designed to streamline your development process with React and Next.js. Whether you're building a small personal project or a large-scale application, Princey UI offers a wide range of reusable components that are easy to integrate and customize.

Installation

To get started, install Princey UI using npm, yarn, or your preferred package manager:

npm install princey

Features

Reusable Components

Princey UI provides a set of reusable components that can be easily integrated into your project. Simply import the components you need and start building your UI with ease.

Responsive and Animated

Our components are designed to be fully responsive, ensuring a seamless experience across all devices. Additionally, Princey UI includes smooth animations to enhance the user experience.

Multi-Framework Support

Princey UI is not limited to React and Next.js; it's designed to be compatible with various frameworks. This flexibility allows you to use our components in diverse projects without any hassle.

Comprehensive Documentation

We offer clear and comprehensive documentation, including usage examples and guidelines. Our documentation covers a wide range of components, such as buttons, inputs, cards, and more, making it easy to find what you need.

Usage Example

Here's a quick example of how to use a button component from Princey UI:

import { Button } from "princey";
 
function App() {
  return (
    <div>
      <Button variant="primary">Click Me</Button>
    </div>
  );
}
 
export default App;