A simple way to preview, copy, and use typography styles —built to save myself (and hopefully you) from decision fatigue when picking font sizes and the whole mobile responsiveness.

Usage

git clone https://github.com/your-username/better-typography.git
cd better-typography
pnpm install
pnpm dev

Open http://localhost:3000 and start exploring styles.

Tech

Next.js · TailwindCSS · shadcn/ui · Lucide

Contribution

Feel free to open a pull request to make any changes! The styles are located in /app/lib/style.js as a big dictionary. Stick to the existing params to add new ones, and wire them up in /app/page.js.

Happy hacking!

License

This project is licensed under the MIT License you’re free to use, modify, and distribute it. See the LICENSE file for full details.