Sira
极佳的 设计系统,
用于 开发人员 & 设计师 使用的现代用户界面设计

可定制和可访问的设计系统,提供TailwindCSS组件类名库以构建现代UI。


为什么选择我们 ?

有所有你想要的 !

组件集
满足可访问性标准的所有网站需求的大量组件
广泛的框架支持
我们的 Tailwindcss 插件与 React & Vue 等任何与 Tailwind CSS 适配的框架兼容
自定义主题
支持高度自定义的主题,即使启用了夜间模式,也可以使您的网站风格不同。

基于 Tailwind CSS, 但是不只是 Tailwind CSS

基于包含预定义样式的Tailwind CSS构建的可重用组件,Sira可以让您摆脱类循环地狱。

<button class="btn success solid w-fit">Click me</button>
<button
class="cursor-pointer bg-green-500 hover:bg-green-600 text-white py-2 px-4 rounded-lg shadow-lg"
>
Click me
</button>

使用 Sira 组件来替代长长长长 🤮 的 Tailwindcss 类名组合

<input class="input outline success w-96" placeholder="hello world" />
<input
class="background-transparent border-green-500 text-green-600 rounded-xl w-96 h-10 px-3 py-2"
placeholder="hello world"
/>

你的主题,随心所欲

基于根节点属性切换多主题,支持明暗模式,Sira总是知道你想要的。

点击切换主题,看看发生了什么 👇


Sira 解放设计与开发,释放你的生产力 💪