Next.js App with Radix UI and Tailwind CSS
This is a Next.js project that uses Radix UI and Tailwind CSS for building a modern and accessible user interface. The project includes various components and utilities from Radix UI, such as accordions, alert dialogs, aspect ratios, avatars, checkboxes, collapsibles, context menus, dialogs, dropdown menus, hover cards, icons, labels, menubar, navigation menus, popovers, progress bars, radio groups, scroll areas, and selects.
To get started with this project, follow these steps:
Clone the repository:
git clone https://github.com/your-username/your-repo.git
cd your-repo
npm install
Open http://localhost:3000 with your browser to see the result.
The project follows the standard Next.js file structure:
pages/ - Contains the React components that represent each page in the application.
components/ - Contains reusable React components used throughout the application.
lib/ - Contains utility functions and helpers.
interfaces/ - Contains TypeScript interface definitions.
styles/ - Contains global CSS styles.
public/ - Contains static assets like images, fonts, etc.
_posts/ - Contains Markdown files for blog posts (if applicable).
Next.js - A React framework for building server-rendered and static websites.
Radix UI - A low-level UI library for building accessible design systems and web apps.
Tailwind CSS - A utility-first CSS framework for rapidly building custom user interfaces.
React Hook Form - A library for building forms in React with easy validation and error handling.
clsx - A tiny utility for constructing className strings conditionally.
tailwind-merge - A utility for merging Tailwind CSS classes with other classes.
remark - A Markdown processor powered by plugins.
gray-matter - A library for parsing front-matter from a string or file.
Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.
I have taken design inspiration from https://twitter.com/justansub portfolio
License
This project is licensed under the MIT License.