frosty/web
Tommy Chow 3a50e06c63 add responsive emote scaling with 118 7TV emotes, mobile support, and motion entrance
- expand emote list from 36 to 118 (xQc channel + 7TV global + trending)
- scale particle count dynamically from 12 (mobile) to 100 (4K) via container diagonal
- scale emote size (28–44px), opacity (0.25–0.35), and repulse radius per breakpoint
- enable on mobile with touch repulsion (was desktop-only)
- shuffle emotes per visit via Fisher-Yates in useEffect
- replace motion.img with plain img + motion animate() for blur+fade entrance
- move opacity to container layer for single-point control and WCAG AA safety

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-19 01:47:39 -08:00
..
.claude migrate web to next 16 template and redesign landing page (#526) 2026-02-17 19:53:43 -08:00
public migrate web to next 16 template and redesign landing page (#526) 2026-02-17 19:53:43 -08:00
src add responsive emote scaling with 118 7TV emotes, mobile support, and motion entrance 2026-02-19 01:47:39 -08:00
.gitignore migrate web to next 16 template and redesign landing page (#526) 2026-02-17 19:53:43 -08:00
.mcp.json migrate web to next 16 template and redesign landing page (#526) 2026-02-17 19:53:43 -08:00
.npmrc migrate web to next 16 template and redesign landing page (#526) 2026-02-17 19:53:43 -08:00
.prettierignore migrate web to next 16 template and redesign landing page (#526) 2026-02-17 19:53:43 -08:00
.prettierrc.json migrate web to next 16 template and redesign landing page (#526) 2026-02-17 19:53:43 -08:00
AGENTS.md migrate web to next 16 template and redesign landing page (#526) 2026-02-17 19:53:43 -08:00
components.json migrate web to next 16 template and redesign landing page (#526) 2026-02-17 19:53:43 -08:00
eslint.config.mjs migrate web to next 16 template and redesign landing page (#526) 2026-02-17 19:53:43 -08:00
LICENSE Migrate and redesign website (#398) 2024-09-15 21:43:51 -07:00
next.config.ts migrate web to next 16 template and redesign landing page (#526) 2026-02-17 19:53:43 -08:00
open-next.config.ts migrate web to next 16 template and redesign landing page (#526) 2026-02-17 19:53:43 -08:00
package.json migrate web to next 16 template and redesign landing page (#526) 2026-02-17 19:53:43 -08:00
pnpm-lock.yaml migrate web to next 16 template and redesign landing page (#526) 2026-02-17 19:53:43 -08:00
postcss.config.mjs migrate web to next 16 template and redesign landing page (#526) 2026-02-17 19:53:43 -08:00
README.md Migrate and redesign website (#398) 2024-09-15 21:43:51 -07:00
tsconfig.json migrate web to next 16 template and redesign landing page (#526) 2026-02-17 19:53:43 -08:00
wrangler.jsonc update wrangler config: enable source maps and keep variable names 2026-02-17 23:11:47 -08:00

next-template

A tailored Next.js template project for getting started quickly.

Why

I spend a bit of tme repeating the same steps when setting up Next.js projects. This template builds upon create-next-app to include my essential packages, configurations, linting rules, and more by default.

Features

  • Precofigured packages
  • Preconfigured ESLint and Prettier rules
  • Default boilerplate removed
  • Dark mode support
  • Formatted README

Stack

Setup

Setup instructions are here if necessary. Usually adding environment variables like so:

# .env.local
CLIENT_ID=
SECRET=

License

next-template is licensed under MIT.