# css.ist

**Repository Path**: meetqy/css.ist

## Basic Information

- **Project Name**: css.ist
- **Description**: 响应式、31个主题随意切换，基于tailwind、daisyui。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: dev
- **Homepage**: https://css.ist
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-09-16
- **Last Updated**: 2025-06-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: CSS, HTML, Tailwind, Theme, nuxt3

## README

<div align="center">

  <img src="https://imagedelivery.net/C1c8i0JtRURCOUA0iRLBpQ/35605933-f760-4275-a17c-1ccd36186400/sm" alt="logo" width="64" height="auto" />
  <h1>css.ist</h1>
  
  <p>
    tailwindcss、daisyui，让响应式&多主题模板变得很简单，你想不想💀试一试💀
  </p>
  
  
<!-- Badges -->
<p>
  <a href="https://github.com/meetqy/css.ist/releases">
    <img src="https://img.shields.io/github/package-json/v/meetqy/css.ist" alt="version" />
  </a>
  <a href="https://github.com/meetqy/css.ist/tree/dev/templates/t">
    <img src="https://img.shields.io/github/directory-file-count/meetqy/css.ist/templates/t?color=red&label=all%20templates" alt="all templates" />
  </a>
  <a href="#">
    <img src="https://img.shields.io/badge/commitizen-friendly-brightgreen.svg" alt="commitizen-friendly" />
  </a>
  <a href="#/">
    <img src="https://img.shields.io/badge/code_style-prettier-ff69b4.svg" alt="code prettier" />
  </a>
  <a href="https://github.com/meetqy/css.ist/blob/dev/LICENSE">
    <img src="https://img.shields.io/github/license/meetqy/css.ist" alt="license" />
  </a>
</p>
   
<h4>
    <a href="https://css.ist">CSS.IST</a>
  <span> · </span>
    <a href="https://github.com/meetqy/css.ist/issues/new/choose">提 Bug</a>
</div>

<br />

<!-- Table of Contents -->

# :notebook_with_decorative_cover: 目录

- [关于项目](#star2-关于项目)
  - [截图](#camera-截图)
  - [特点](#dart-特点)
  - [技术栈](#space_invader-技术栈)
- [准备开始](#toolbox-准备开始)
  - [本地运行](#running-本地运行)
  - [新建模板](#gear-新建模板)
- [感谢](#gem-感谢)

## :star2: 关于项目

### :camera: 截图

![css.ist previews](https://imagedelivery.net/C1c8i0JtRURCOUA0iRLBpQ/6c4643c8-95a5-4f8a-70c7-fe1ed0a23b00/public)

### :dart: 特点

- **mockjs**生成无序的随机数据，专注于模板本身的效果。
- 模板支持**语言切换**，减少因为语言原因导致的 UI 问题。
- **响应式**，默认兼容`mac`、`ipad`、`iphone`。
- **daisyui**，默认支持 29 中主题，也可以[自定义主题](https://daisyui.com/theme-generator/)，无需修改模板代码。

### :space_invader: 技术栈

<details>
  <summary>基础</summary>
  <ul>
    <li><a href="https://www.typescriptlang.org/">Typescript</a></li>
    <li><a href="https://v3.nuxtjs.org/">Nuxt.js</a></li>
    <li><a href="https://vuejs.org/">Vue3</a></li>
    <li><a href="https://tailwindcss.com/">TailwindCSS</a></li>
  </ul>
</details>

<details>
  <summary>插件/UI</summary>
  <ul>
    <li><a href="https://daisyui.com/">DaisyUI</a></li>
    <li><a href="https://github.com/nuysoft/Mock">MockJS</a></li>
    <li><a href="https://picsum.photos">Picsum Photos</a></li>
    <li><a href="https://fonts.google.com/icons">Google Icons</a></li>
  </ul>
</details>

## :toolbox: 准备开始

### :running: 本地运行

克隆项目

```bash
  git clone https://github.com/meetqy/css.ist.git
```

进入项目目录

```bash
  cd css.ist
```

安装依赖

```bash
  yarn install
```

启动服务

```bash
  yarn dev
```

### :gear: 新建模板

使用命令新增一个模板基础

```bash
  yarn new:template
```

## :gem: 感谢

- [Shields.io](https://shields.io/)
- [Awesome README](https://github.com/matiassingers/awesome-readme)
- [Emoji Cheat Sheet](https://github.com/ikatyang/emoji-cheat-sheet/blob/master/README.md#travel--places)
- [Readme Template](https://github.com/othneildrew/Best-README-Template)