S
Supanote
Sign in Sign up
Frontend Snippets

Web & Frontend Starter Templates

Semantic HTML5 starter boilerplates, responsive layout primitives, modern CSS utility resets, and canvas graphics.

html Verified Starter

Modern HTML5 Responsive Boilerplate

Zero-dependency responsive boilerplate with system fonts, dark mode, and mobile support.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Modern Web Application</title>
  <meta name="description" content="Lightweight modern responsive HTML5...
css Verified Starter

Shadcn UI HSL Color Tokens & Modern CSS Variables

Clean CSS variable system with light/dark theme tokens, border radii, and accessible contrasts for Tailwind CSS.

@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 240 10% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 240 10% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 240 10% 3.9%;
    --primary: 240 5.9% 10%;
   ...
json Verified Starter

Biome.json Modern Linter & Formatter Configuration

Ultra-fast Biome configuration replacing ESLint and Prettier with import sorting and strict JavaScript/TypeScript rules.

{
  "$schema": "https://biomejs.dev/schemas/1.8.3/schema.json",
  "organizeImports": {
    "enabled": true
  },
  "linter": {
    "enabled": true,
    "rules": {
      "recommended": true,
      "correctness": {
        "noUnusedVariables": "error",
...
Notification