Amir4rab/UI

Description

Set of elegant react components with tailwind styling and responsive design. Feel free to participate on GitHub.

Acknowledgments

This project is inspired by the shadcn/ui and makes heavy use of the following libraries:

• Tailwind by @tailwindlabs
• CVA by @joe-bell
• Tailwind Merge by @dcastil

Many of the components are inspired by the following awesome youtube channels which you have to check out.

• Sam Selikoff
• Frontendfyi

Supported frameworks/Libraries

Next.js

You just need to complete the setup process. You can find the complete example on the GitHub repo.

React + Vite

Since there are some differences between Next.js and Vite you might have to do the following:

• Adjusting import paths since Vite doesn't support typescript paths by default

You can find the 'React + Vite' example on the GitHub repo.

Preact + Vite

Since there are some differences between react and preact you might have to do the following:

• Modifying imports from react to preact
• Adjusting import paths since Vite doesn't support typescript paths by default
• Rewriting the generic system for generic components
• Removing "use client" directive

You can find the 'Preact + Vite' example on the GitHub repo.

React + X

Incase your environment support typescript paths add the following path to your tsconfig.json:

{
  "compilerOptions": {
    // ...
    "paths": {
      "@/*": ["./src/*"]
    }
  }
  // ...
}

License

This project is license under MIT license and free to use