AnxForever / stylekit
精选优质 Web 设计风格，提供文档、组件模板、代码片段， 以及可直接导出的 AI Rules。
AI Architecture Analysis
This repository is indexed by RepoMind. By analyzing AnxForever/stylekit in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.
Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context on-demand, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.
Embed this Badge
Showcase RepoMind's analysis directly in your repository's README.
Repository Overview (README excerpt)
Crawler view150+ Styles. 47 Animations. One Toolkit for AI-Driven UI. Showcase · Templates · Animations · API Docs · Contributing --- What is StyleKit? StyleKit helps humans and AI generate consistent, high-quality UI code. Pick a style, get structured design tokens, component recipes, and prompt templates — everything needed to go from "glassmorphism SaaS dashboard" to production-ready code. Design System • **150+ visual styles** with design tokens, color palettes, and typography • **128 live showcases** — full-page interactive demos for every style • **Component recipes** — copy-paste code for buttons, cards, inputs, and more • **Export anywhere** — Tailwind preset, shadcn theme, CSS variables, Figma tokens AI-Native Workflow • **Prompt builder** — Surface + Context + Constraints methodology • **IDE export** — , , • **Style linter** — validate code against any style spec • **llms.txt** — AI-discoverable docs at Creative Tools • **47 CSS animations** with live preview and one-click copy • **34 page templates** — SaaS, dashboard, e-commerce, portfolio, blog • **Style blender** — mix two styles into a new hybrid • **Side-by-side comparison** — evaluate styles head-to-head Platform • **Bilingual** — full English and Chinese support • **Community** — ratings, comments, and style submissions • **OAuth** — GitHub and Google sign-in • **PWA** — installable, works offline, dark/light mode Styles 150+ styles across 10+ categories. Every style includes design tokens, component code, AI rules, and a live showcase. Modern / Tech — Glassmorphism, Liquid Glass, Neumorphism, Bento Grid, Fluent Design, Material Design, Linear Style ... Clean, professional styles for SaaS products, dashboards, and developer tools. Emphasis on subtle depth, blur effects, and systematic spacing. Brutalist — Neo-Brutalist, Neo-Brutalist Playful, Neo-Brutalist Soft, Brutalist Web, Anti-Design Bold borders, raw typography, high contrast. Ranges from aggressive to playful depending on the variant. Brand-Inspired — Apple Style, Stripe Style, Notion Style, GitHub Style, Shopify Clean, Linear Style Reverse-engineered design languages from iconic products. Great starting points for product UI. Retro / Vintage — Art Deco, Vaporwave, VHS Aesthetic, Y2K, Outrun, Synthwave, Retro Vintage, Frutiger Aero Nostalgic aesthetics spanning decades. From 1920s Art Deco to 2000s Y2K and Frutiger Aero. Artistic — Watercolor, Impressionist Oil, Pop Art, Risograph, Collage Art, Ink Wash, Generative Art Fine art movements translated into UI design. Painterly textures, halftone patterns, and organic forms. Japanese / Anime — Ghibli Style, Cyber Anime, Shoujo Manga, Ukiyo-e, Pixel Anime, Neon Samurai, Kawaii Minimal Japanese visual culture from traditional woodblock prints to modern anime aesthetics. Cyberpunk / Sci-Fi — Cyberpunk Neon, Neon Tokyo, Sci-Fi HUD, Mecha, Holographic, Arcade CRT Neon-drenched, high-tech interfaces. Terminal greens, scan lines, and holographic effects. Layout Patterns — Magazine Grid, Masonry Flow, Split Screen, Parallax, Dashboard Layout, Holy Grail, F-Pattern, Z-Pattern Structural patterns that pair with any visual style. Responsive grids, scroll-based layouts, and classic page structures. Cultural / Regional — Islamic Geometric, Indian Festive, African Textile, Korean Minimal, Cyber Chinese, Dark Academia Design traditions from around the world, adapted for modern web interfaces. Nature / Cozy — Cottagecore, Scandinavian, Wabi-Sabi, Natural Organic, Solarpunk, Zen Garden, Tropical Paradise Warm, organic, and calming. Earthy palettes, soft textures, and generous whitespace. Browse all styles → Quick Start Open localhost:3000. See for optional Supabase and admin configuration. API RESTful API for programmatic access. All endpoints return JSON. Full API docs → Tech Stack | Layer | Technology | |-------|-----------| | Framework | Next.js 16 + Turbopack | | UI | React 19, Radix UI, Lucide Icons | | Styling | Tailwind CSS 4, CVA | | Auth & DB | Supabase (OAuth, PostgreSQL) | | Validation | Zod 4 | | Testing | Vitest + Playwright | | Deployment | Vercel | Contributing Contributions welcome. Please read these before opening a PR: • • — required for new styles Star History Contributors License MIT — see LICENSE. --- www.stylekit.top Built by AnxForever