Untitled UI

🖥️ Project

This project has been developed as part of the Tailwind course from Rocketseat.

Desktop version

Mobile version

To start project build, we have installed NextJs and as a part of this framework Tailwind is the default CSS.

Here is the link to Untitled UI. Note that some functions and tabs may not work, since this is a project to focus on Tailwind.

🎨 Layout

Here is the link to Figma layout.

📚 We have learned the following Tailwind concepts on this project.

• Tailwind fundamentals
• ESLint / Prettier config for Tailwind
• Theme First API
• Property extends
• Responsive layout - Tailwind classes are set to mobile first as default.
• Arbitrary value
• Class Group
• Animation
• System Theme

🛠️ The following frameworks that help with project build.

• Lucide
• Radix/ui
• Framer Motion
• Auto Animate
• Tailwind Variants - Slots API
• Tailwind Merge

👋Rocketseat