a month ago

Create a modern, one-page habit tracker website. ๐Ÿ’ก Goal: I want to track my daily habits and see visual progress (streaks) for each habit. ๐Ÿงฑ Page Structure: A clean header/title A list of daily habits (examples: "shave + brush teeth", "meditation", "English practice", "drink water", "walk", etc.) Each habit row should have 7 columns for weekdays (Monโ€“Sun) In each cell, show either a ๐Ÿ”ฅ fire icon (completed) or a dimmed ๐Ÿ”˜ circle (not completed) At the end of the row, show the current streak number (how many days in a row it was completed) ๐ŸŽจ Visual Style: Clean, modern, and minimal UI Nice spacing and alignment Soft animations and hover effects Color theme inspired by Notion, Vercel, or Linear (dark or light mode is fine) โš™๏ธ Tech Requirements: Fully responsive design (especially mobile-friendly) Cells/icons should be clickable (UI-only, no backend or data saving needed) Use Tailwind CSS or clean utility CSS Preferably built in React or HTML/CSS (no need for full-stack)

Fork

Windframe is a drag and drop builder for rapidly building tailwind css websites and UIs

Start building stunning tailwind UIs!ย 

Build from scratch or select prebuilt tailwind templates