# emotion

体验一种全新的 JavaScript 样式编写方式，兼顾创意与效率。

[Website](https://emotion.sh/docs/introduction) [GitHub](https://github.com/emotion-js/emotion#main)

Emotion 专为使用 JavaScript 高效编写 CSS 样式而设计，提供强大的样式组合能力，带来出色的开发体验。

它支持字符串和对象样式，并提供多种方法，可直接使用，也可与 React 等框架集成。其核心软件包之一 `@emotion/css` 与框架无关，因此无需额外设置或更改配置，即可在各种环境中使用。主要功能包括自动添加浏览器厂商前缀、嵌套选择器和媒体查询，让样式编写更轻松。

除了全局样式和响应式设计，Emotion 还提供完善的服务器端渲染支持，因此适用于现代 Web 应用。该软件包通过 `css` 函数和 `cx` 工具简化类名的创建与组合，帮助高效管理各组件的样式。

## 功能

- 与框架无关
- 支持自动添加浏览器厂商前缀
- 支持嵌套选择器
- 支持媒体查询
- 支持服务器端渲染
- 注入全局样式
- 使用主题动态设置样式
- 轻松组合类名

在这里投放广告？

[给我们发邮件](mailto:hi@dennn.is?subject=%E5%9C%A8%20KickstartUI%20%E4%B8%8A%E6%8A%95%E6%94%BE%E5%B9%BF%E5%91%8A)

[广告 适用于 WordPress 的智能体就绪型插件套件。](https://sleekwp.com/?ref=kickstartui)

## 相关项目

### [Master CSS](https://kickstartui.com/zh/details/master-css/)

这款创新产品改变了 CSS 的编写和应用方式，将简洁性与性能融为一体，助力高效的网页设计与开发。

**GitHub 个星标**

1.8K

**更新时间**

Dec 5, 2024

**许可证**

MIT License

### [styled-components](https://kickstartui.com/zh/details/styled-components/)

一款功能强大的库，让你能够在 JavaScript 中使用 CSS，为组件轻松设置样式。

**GitHub 个星标**

40.6K

**更新时间**

Dec 6, 2024

**许可证**

MIT License

### [StyleX](https://kickstartui.com/zh/details/stylex/)

该库采用精简的样式设置方式，通过原子化样式兼顾效率与可维护性。

**GitHub 个星标**

8.4K

**更新时间**

Dec 6, 2024

**许可证**

MIT License

### [ChakraUI](https://kickstartui.com/zh/details/chakra-ui/)

借助一套强大、易用且高度可定制的基础组件，快速高效地创建无障碍 Web 应用。

**GitHub 个星标**

38.1K

**更新时间**

Dec 6, 2024

**许可证**

MIT License

### [UnoCSS](https://kickstartui.com/zh/details/unocss/)

这是一款功能强大且可自定义的引擎，帮助开发者快速构建设计，不受传统 CSS 框架的常见限制。

**GitHub 个星标**

16.8K

**更新时间**

Dec 6, 2024

**许可证**

MIT License

### [Tailwind CSS](https://kickstartui.com/zh/details/tailwindcss/)

一款实用工具优先的 CSS 框架，提供丰富的类，可直接在标记中构建任意设计，帮助快速创建现代网站，同时让 HTML 整洁且易于维护。

**GitHub 个星标**

83.7K

**更新时间**

Dec 6, 2024

**许可证**

MIT License

### [Tamagui](https://kickstartui.com/zh/details/tamagui/)

这款库为使用 React 和 React Native 构建 UI 提供了强大方案，兼顾效率与灵活性。

**GitHub 个星标**

11.7K

**更新时间**

Dec 6, 2024

**许可证**

MIT License

### [Skeleton](https://kickstartui.com/zh/details/skeleton/)

一款灵活且符合无障碍要求的工具包，助力开发现代 Web 应用。

**GitHub 个星标**

228

**更新时间**

Dec 26, 2023

**许可证**

MIT License