Skip to content

Repository files navigation

🎨 UI and AI Project

屏幕截图 2026-01-23 232904 屏幕截图 2026-01-23 224459 屏幕截图 2026-01-23 224515 屏幕截图 2026-01-23 224445 屏幕截图 2026-01-23 165518

📝 Overview

Comprehensive interactive UI design gallery with 120+ styles spanning art movements, design systems, and cultural aesthetics.

✨ Key Features

  • 120+ design styles (Bauhaus → Cyberpunk)
  • Multi-language support (CN/EN)
  • Dark/light themes
  • One-click CSS copying
  • Fully responsive
  • Zero-config static deployment

🛠️ Tech Stack

  • Frontend: Vanilla JS (ES6+), HTML5, CSS3
  • Styling: Tailwind CSS + Custom
  • Reactivity: Alpine.js
  • i18n: i18next
  • Testing: Playwright
  • Hosting: Vercel

🚀 Quick Start

cd ai_html
npm install
npm start
# → http://localhost:8081

📂 Structure

ai_html/
├── index.html       # Gallery homepage
├── data.js          # Styles metadata
├── common/          # Shared assets
├── scripts/         # JS logic
├── locales/         # Translations
└── *.html           # 520+ style pages

🤝 Contributing

See CONTRIBUTING.md

📄 License

MIT — see LICENSE

🔗 Links


Made with ❤️ for designers and developers

About

An interactive UI design gallery with 120+ styles spanning art movements, design systems, and cultures. Features multi-language support, dark mode, CSS copy, favorites, and responsive design. Built with vanilla HTML/CSS/JS, Alpine.js, and Tailwind CSS.

Resources

Code of conduct

Contributing

Security policy

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages