LYX UI

Getting Started

Installing and setting up required components

1. Install Next Js

Create a new project

npx create-next-app@latest

On installation You'll see these prompts

What is your project named? my-app
Would you like to use TypeScript? Yes
Would you like to use ESLint? No
Would you like to use Tailwind CSS? Yes
Would you like to use src/ directory? Yes
Would you like to use App Router? (recommended)  Yes
Would you like to customize the default import alias (@/*)? No

Start the development server

cd my-app
npm run dev

2. Install ShadCN

For Next Js

Create project

Run the init command to create a new Next.js project or to setup an existing one:

npx shadcn@latest init

You can use the -d flag for defaults i.e new-york, zinc and yes for the css variables.

npx shadcn@latest init -d

That's it

You can now start adding components to your project. 🥳

Cursor

A customizable React cursor component replicating the Figma-style pointer, featuring smooth motion tracking, scaling on interaction, and optional presence indicators for multi-user interfaces.

On this page