Overview
Welcome to Rothko UI, a cutting-edge and lightweight UI component library designed to elevate your web development projects. Rothko UI stands out from the crowd by offering a sleek and modern design aesthetic that aligns perfectly with the latest trends in UI/UX.
Setup
Installing Rothko UI
Rothko UI is available on npm as @rothko-ui/ui
. This single package contains all Rothko UI components. The iconography library is separately available as @rothko-ui/icons
.
- npm
- yarn
npm install @rothko-ui/ui @rothko-ui/icons
Features
Modern and Minimalist Design
Rothko UI's default styling reflects the contemporary design landscape, featuring cleaner lines and a minimalist approach. You can create sleek and sophisticated interfaces that effortlessly align with the latest design trends. The library places a strong emphasis on component design that feels natural for mobile or tablet devices, ensuring a seamless user experience across the modern web.
Lightweight Package
Rothko UI is designed with efficiency in mind. The library offers a lightweight package, ensuring fast loading times and optimal performance for your applications. You can enjoy the benefits of a robust UI component library without sacrificing speed or resource consumption.
Strong Customization
Rothko UI provides extensive customization options to tailor the components to your project's specific needs. From colors and typography to layout and interaction, you have the power to create a unique and personalized UI. The library empowers developers to shape their applications according to their vision.
Rothko Provider
To utilize the full capabilities of Rothko-UI components, it is important to wrap your main app with the Rothko-UI Context Provider. This context provider ensures that the necessary configuration and state are accessible throughout your application.
12 import { Typography } from '@rothko-ui/ui';34 const App = () => {5 return <Typography.h1>Hello World!</Typography.h1>;6 };78 export default App;9