Logo
Project Icon

design-system

构建符合无障碍标准的响应式政府网站开源设计系统

设计系统CMS前端开发可访问性React组件Github开源项目

CMS Design System 是基于 U.S. Web Design System 的开源设计框架，专为创建符合 Section 508 无障碍标准的政府网站而设计。它提供了扩展的 CSS 和 React 组件、实用类和网格系统，便于快速开发可访问且响应式的网站。该系统包含多个 NPM 包，涵盖核心组件、healthcare.gov 和 medicare.gov 的专用设计系统及相关文档。

访问官网访问官网GithubGithub
介绍相关项目
DesignCode UI - 专业Figma和Framer组件库赋能现代UI/UX设计
AI工具FigmaFramerUI组件用户界面设计系统
DesignCode UI是一个集成了数百个Figma UI组件和模板的设计系统，可与Framer无缝对接。系统基于多年UI/UX设计经验，组件支持变量、变体和自适应布局，为设计和开发团队提供丰富资源。这些精心设计的组件有助于快速构建美观实用的网站，提高设计效率。该系统的突出特点是强大的主题定制功能，可适应不同风格需求，同时保持高度灵活性。此外，DesignCode UI还配备全面的使用指南，帮助设计师充分发挥系统潜力。
baseweb - 为 React 应用提供的功能丰富 UI 组件库
Base WebGithubReact组件StyletronTypeScript开源项目设计系统
Base Web 是 Base 设计系统的 React 实现，提供现代化且响应式的 UI 组件。该库支持 TypeScript，包含丰富的组件和详细文档，有助于开发者快速构建统一的界面。尽管当前维护有限，Base Web 仍是一个功能强大的 React UI 开发工具。
Components AI - 无需编码的开源设计工具 Components AI 助力创建自定义设计系统
AI工具CSS编辑器Components AI主题导入生成式设计设计工具
Components AI 是一款创新的开源设计工具，让创意人员无需编写代码即可构建自定义设计系统。该平台支持创建响应式组件、页面和网站，适用于各类网络项目。它提供视觉设计工具、主题导入、自动化可访问性文档等功能，并支持超过1000种字体，包括变量字体。Components AI 为设计师提供了灵活而强大的创作环境，简化了设计流程。
awesome-ui-component-library - 全面总览UI框架组件库
GithubReactUI组件库前端开发开源项目用户界面设计系统
该项目汇总了主流UI框架组件库,覆盖React、Vue.js和Angular等前端框架。内容包括设计系统、工具包和UI组件集,便于开发者构建统一美观的界面。列表中的组件库均提供丰富组件、样式和设计指南,适用于多种Web及移动应用开发。对寻求优质UI组件库的开发者来说是很有价值的参考。
react-modal - React 模态对话框组件：无障碍与易用性的完美结合
GithubReact组件react-modal可访问性开源项目模态对话框用户界面
react-modal 是一款专为 React.JS 打造的模态对话框组件，注重无障碍性和易用性。它支持自定义样式、焦点管理和键盘导航，方便开发者创建符合可访问性标准的模态窗口。该组件可通过 npm、yarn 安装或在 CDN 环境中使用。react-modal 提供详尽的 API 文档、代码示例和在线演示，便于开发者快速掌握并实现多样化的模态对话框功能。
chakra-ui - 加速可访问性React应用开发的高效组件库
Chakra UIGithubReact可访问性开源项目用户界面组件库
Chakra UI是一个功能全面的React组件库，专注于提供可访问、可重用和可组合的组件。它简化了现代Web应用和网站的开发流程，允许开发者轻松构建复杂的用户界面。该库遵循可访问性最佳实践，具有易于样式化、灵活组合、无障碍支持和暗黑模式等特性。Chakra UI为开发者提供了高效构建React应用所需的工具和组件。
react-grid-layout - React网格布局系统 灵活可定制的响应式设计工具
GithubReact响应式开源项目拖拽网格布局调整大小
React-Grid-Layout是一款功能丰富的React网格布局库,支持拖拽、调整大小和响应式设计。该系统无需jQuery依赖,可用于服务端渲染,并提供多种布局选项。它广泛应用于构建动态仪表板和可视化界面,如BitMEX、AWS CloudFront和Grafana等项目。其特点包括自动布局、布局保存与恢复、静态元素支持等,为开发者提供了灵活的网格界面构建工具。
wedges - 基于设计系统和Radix的开源React UI组件库
GithubReactUI库Wedges开源开源项目组件
Wedges是一个持续发展的开源React UI库，集成了自身设计系统、Radix原语和Tailwind CSS。它提供可自定义的预构建组件，便于在React项目中使用。该库支持TypeScript，确保类型安全，并提供开发者友好的体验。Wedges包含丰富的UI组件和实用工具，适合快速构建现代化、响应式的Web应用界面。
awesome-a11y - 无障碍资源集合 涵盖工具文章和指南
GitHubGithubWeb accessibility开源开源项目无障碍资源列表
Awesome-a11y是一个综合性无障碍资源列表，涵盖工具、文章、视频、博客、书籍、证书、组织、会议、课程、指南等多个方面。该项目汇集了丰富的无障碍知识和实践资源，为开发者、设计师等从业者提供参考，有助于创建更具包容性的数字产品。
modern.js - 激发现代 Web 开发创造力的开源工程体系
GithubModern.jsReact框架Web工程系统前端开发开源项目
Modern.js 是一个开源的 Web 工程体系，提供了渐进式 React 框架和 npm 包开发解决方案。该项目包含 Rspack 构建工具、Rsbuild 构建系统、Rspress 静态站点生成器、Garfish 微前端框架和 Reduck 状态管理库等组件。Modern.js 旨在提升开发效率和性能，为现代 Web 开发提供全面支持。它支持 TypeScript、CSS Modules 和服务端渲染等现代 Web 开发技术，为开发者提供了强大而灵活的工具链。
相关项目
项目侧边栏1项目侧边栏2
推荐项目
Project Cover

豆包MarsCode

豆包 MarsCode 是一款革命性的编程助手，通过AI技术提供代码补全、单测生成、代码解释和智能问答等功能，支持100+编程语言，与主流编辑器无缝集成，显著提升开发效率和代码质量。

Project Cover

AI写歌

Suno AI是一个革命性的AI音乐创作平台，能在短短30秒内帮助用户创作出一首完整的歌曲。无论是寻找创作灵感还是需要快速制作音乐，Suno AI都是音乐爱好者和专业人士的理想选择。

Project Cover

有言AI

有言平台提供一站式AIGC视频创作解决方案，通过智能技术简化视频制作流程。无论是企业宣传还是个人分享，有言都能帮助用户快速、轻松地制作出专业级别的视频内容。

Project Cover

Kimi

Kimi AI助手提供多语言对话支持，能够阅读和理解用户上传的文件内容，解析网页信息，并结合搜索结果为用户提供详尽的答案。无论是日常咨询还是专业问题，Kimi都能以友好、专业的方式提供帮助。

Project Cover

阿里绘蛙

绘蛙是阿里巴巴集团推出的革命性AI电商营销平台。利用尖端人工智能技术，为商家提供一键生成商品图和营销文案的服务，显著提升内容创作效率和营销效果。适用于淘宝、天猫等电商平台，让商品第一时间被种草。

Project Cover

吐司

探索Tensor.Art平台的独特AI模型，免费访问各种图像生成与AI训练工具，从Stable Diffusion等基础模型开始，轻松实现创新图像生成。体验前沿的AI技术，推动个人和企业的创新发展。

Project Cover

SubCat字幕猫

SubCat字幕猫APP是一款创新的视频播放器，它将改变您观看视频的方式！SubCat结合了先进的人工智能技术，为您提供即时视频字幕翻译，无论是本地视频还是网络流媒体，让您轻松享受各种语言的内容。

Project Cover

美间AI

美间AI创意设计平台，利用前沿AI技术，为设计师和营销人员提供一站式设计解决方案。从智能海报到3D效果图，再到文案生成，美间让创意设计更简单、更高效。

Project Cover

AIWritePaper论文写作

AIWritePaper论文写作是一站式AI论文写作辅助工具，简化了选题、文献检索至论文撰写的整个过程。通过简单设定，平台可快速生成高质量论文大纲和全文，配合图表、参考文献等一应俱全，同时提供开题报告和答辩PPT等增值服务，保障数据安全，有效提升写作效率和论文质量。

使用协议隐私政策广告服务
投诉举报邮箱: service@vectorlightyear.com
@2024 懂AI·鲁ICP备2024100362号-6·鲁公网安备37021002001498号