SheepNav
FrontAlign

FrontAlign

frontalign.dev

轻量级CSS设计系统,暗色模式开箱即用

1个月前制作者:Eyruz

关于 FrontAlign

FrontAlign 是一款专为解决现代Web开发痛点而生的轻量级CSS设计系统。它内置了基于OKLCH色彩空间的颜色令牌,确保AA级无障碍对比度,并原生支持明暗主题切换,无需繁琐配置即可快速落地。

核心功能

FrontAlign 的核心是一套零配置、SSR安全的CSS框架,包含实用优先的类库和可复用的UI组件。无论是构建新项目还是集成到现有代码中,都能在几分钟内完成部署。

主要特性

  • OKLCH色彩令牌:采用更科学的色彩空间,颜色过渡自然,易于扩展主题。
  • AA级无障碍对比度:所有颜色组合默认满足WCAG AA标准,无需额外调试。
  • 明暗主题即时生效:内置light/dark模式,无需手动编写媒体查询或JavaScript。
  • 零配置与SSR安全:无需构建工具配置,服务端渲染友好,开箱即用。
  • 免费核心+高级UI块:核心功能完全免费,并提供付费UI区块供团队使用。

适用场景

FrontAlign 适合追求高效开发的前端工程师、设计系统团队以及需要快速实现无障碍和暗色模式的项目。无论是个人作品还是企业级应用,都能显著减少样式维护成本。

相关工具