Get Started with Laxod UI

A stylish React component library built with TypeScript, focused on maximizing "interaction satisfaction."

What is Laxod?

Laxod is a pre-styled component library that focuses on satisfying interactions and animations. Unlike other libraries where you need to configure styles and animations yourself, Laxod comes ready to use out of the box.

The tradeoff is customizability. Other libraries like shadcn/ui give you full control over styling, but require more setup and configuration. Laxod is for when you want a ready product that looks good and feels nice to use without the extra setup steps.

Installation

All components are included in a single package. You don't have to install them one by one like with some other libraries. This means faster imports and less configuration, though it does mean you can't pick and choose individual components.

You'll also need lucide-react for the icons. Check the installation guide for the complete setup.

Server vs Client Components

Our components mostly work on both server and client side, but functionality is limited in server components. For Next.js projects, we recommend using "use client" (put this line at the top of your jsx/tsx file) to get the full interactive experience with all animations and interactions.

However, you shouldn't apply "use client" blindly. If your application relies on server components for performance, data fetching efficiency, or security reasons, it's best to keep those as server components. Always use your brain and check which components truly require client-side interactivity and if it makes sense in your application before enabling "use client".

Features

• Fast and easy to setup

  Get up and running in less than a minute with a single npm install

• Satisfying interactions

  Carefully designed animations and feedback that feel just right

• Accessible by default

  Built with accessibility in mind, partially based on Radix UI

• Developer friendly

  Intuitive API and extensive documentation