Logo

#UI组件

Logo of openui
openui
OpenUI简化了UI组件的构建,支持实时渲染和多框架转换(如React、Svelte)。兼容OpenAI、Groq等多种模型,并支持本地与Docker运行,适用于各种开发环境。
Logo of FloatingPanel
FloatingPanel
FloatingPanel是一个开源的iOS UI组件,用于实现类似Apple地图、快捷方式和股票应用中的浮动面板界面。该组件支持多种位置和锚点设置,可跟踪滚动视图,实现移除交互和模态呈现,并允许自定义布局和行为。FloatingPanel使用Swift 5编写,支持iOS 11及以上版本,可通过CocoaPods或Swift Package Manager集成。它为开发者提供了灵活展示相关内容的方式,同时保持主界面可见。
Logo of react-select
react-select
react-select是一个广受欢迎的React选择控件库。它具有灵活的数据处理机制、可扩展的样式API和组件注入功能。该库支持选项分组、动画效果等特性,并能够处理异步选择和创建新选项等高级场景。react-select在保持易用性的同时,能够满足各种复杂需求,是构建功能强大的选择组件的理想工具。
Logo of flutter-widgets
flutter-widgets
Syncfusion Flutter Widgets是一个综合性UI组件库,提供图表、日历、数据网格等多种组件,支持iOS、Android和Web跨平台开发。该库组件丰富、性能优异,并提供完整文档和示例,有助于开发者快速构建高质量Flutter应用。
Logo of AIUI.me
AIUI.me
AIUI.me是一个先进的AI驱动平台,专注于截图转代码和AI UI生成。它能将用户界面截图快速转换为React.js和TailwindCSS组件,为设计师、开发者、自由职业者和初创团队提供高效的UI组件创建和定制方案。用户只需上传截图,即可在短时间内获得可重用的代码,显著提升开发效率。AIUI.me支持组件定制和多种导出选项,是快速将设计概念转化为实际产品的理想工具。
Logo of openui12121212
openui12121212
OpenUI是一款旨在使用户界面组件构建过程变得有趣、快捷和灵活的工具。支持HTML转换为React、Svelte等,适用于开发者和设计师快速原型制作。提供在线试用演示,并简化了在本地运行的设置过程。此外,该项目还支持使用OpenAI、Groq,以及其他LLMs进行扩展,是构建强大应用的理想选择。
Logo of preline
preline
Preline UI是基于Tailwind CSS的开源组件库,提供预构建UI元素助力开发者快速设计响应式网站。包含按钮、菜单、导航栏等常用组件,易于扩展和自定义。通过npm安装,可作为插件集成到Tailwind CSS项目。Preline UI基于实用优先的Tailwind CSS框架,组件分组合理,便于开发者快速创建独特的设计系统。提供详细文档和社区支持,适用个人及商业项目,采用MIT和Preline UI Fair Use双重许可。
Logo of corvu
corvu
corvu 是专为 SolidJS 开发的开源 UI 原语集合,提供无样式和可访问的组件。这个库具有高度可定制性,支持服务器端渲染,并附带详细文档。它包括 Accordion、Dialog、Drawer 等多种常用 UI 组件,为开发者提供构建高质量 Web 应用的基础工具。
Logo of dotUI
dotUI
dotUI是一个开源UI组件库,专注于提供无障碍、移动友好的现代化组件。该项目为开发者提供易用的工具,旨在提升Web应用的可访问性和用户体验。dotUI具有自定义主题功能,适配多种设备,并采用当前设计趋势。通过dotUI,开发者能够快速搭建美观、实用的用户界面,同时保证良好的兼容性和性能表现。
Logo of components
components
Angular Components是由Google Angular团队维护的官方UI组件库和开发工具集。它包含@angular/cdk、@angular/material、@angular/google-maps和@angular/youtube-player等包,用于构建高质量、国际化和可访问的Angular应用。该项目支持主流浏览器和屏幕阅读器,为开发者提供了构建自定义组件的工具和常见交互模式的实现。
Logo of coffee
coffee
Coffee提供一种AI辅助的代码生成方式,支持React代码库,包括Next.js等,能在您的开发环境中快速生成可维护的代码。通过在IDE中简单的命令,即可与OpenAI聊天完成API进行交互,实时生成和更新组件。无需深入Python,简单设置后即可享受AI代码自动生成的便利。体验革新的AI辅助前端开发。
Logo of headlessui
headlessui
Headless UI是一套无样式、可访问的UI组件库,专为Tailwind CSS集成设计。支持React和Vue,便于开发者构建可定制界面。项目提供详细文档、多版本安装选项,并有活跃社区支持。适合追求灵活性和可访问性的前端开发者使用。
Logo of TW-Elements
TW-Elements
TW Elements 是一个全面的 Tailwind CSS 组件库,提供 500 多个免费交互式组件和 117 个以上设计块。特点包括深色模式支持、便捷的主题定制和快速安装。该项目允许免费用于个人和商业用途,拥有活跃的社区支持和持续更新。涵盖表单、卡片、按钮等多种常用组件,为 Web 开发提供全面的基础元素支持。
Logo of bubbletea
bubbletea
Bubble Tea是一个基于Elm架构的Go框架,用于开发终端应用。它支持内联、全窗口及混合模式的应用开发,适用于简单的命令行工具和复杂的交互式界面。框架提供了标准帧率渲染器、高性能滚动区域渲染器和鼠标支持等性能优化功能。Bubble Tea注重状态管理,为开发者提供了构建功能丰富的终端应用所需的灵活工具集。
Logo of SwiftUIX
SwiftUIX
SwiftUIX是一个开源的SwiftUI扩展库,致力于补充SwiftUI的功能缺口。该项目提供了丰富的组件、扩展和工具,包括UIKit/AppKit功能的SwiftUI实现。支持iOS、macOS、tvOS、watchOS和visionOS平台,SwiftUIX offers多种自定义视图如ActivityIndicator、CollectionView和SearchBar,并增强了导航栏和键盘处理等功能。这些特性使开发者能够更高效地创建功能完善的应用程序。
Logo of awesome-swiftui
awesome-swiftui
该项目收集了丰富的SwiftUI学习和开发资源,包括官方教程、WWDC视频、书籍、课程、文章、库和UI组件等。涵盖从入门到进阶的各个方面,为iOS开发者提供全面的SwiftUI参考。资源持续更新,助力开发者掌握SwiftUI最新技术,提升开发效率。
Logo of awesome-design-systems
awesome-design-systems
awesome-design-systems是一个汇集全球知名设计系统资源的开源项目。该项目涵盖组件库、语气指南、设计工具包等设计系统核心要素,并提供源代码链接。它为设计师和开发者提供了丰富的参考,有助于创建一致的用户界面和体验。项目保持持续更新,欢迎社区贡献新的设计系统资源。
Logo of pickr
pickr
Pickr是一款轻量级、无依赖的JavaScript颜色选择器。它提供多种主题和色彩表示法,支持颜色对比和透明度控制。Pickr具有响应式设计,支持触摸设备和自动定位。该工具还包含快速选色板、可访问性和国际化支持,易于集成到各种web开发项目中。
Logo of DesignCode UI
DesignCode UI
DesignCode UI是一个集成了数百个Figma UI组件和模板的设计系统,可与Framer无缝对接。系统基于多年UI/UX设计经验,组件支持变量、变体和自适应布局,为设计和开发团队提供丰富资源。这些精心设计的组件有助于快速构建美观实用的网站,提高设计效率。该系统的突出特点是强大的主题定制功能,可适应不同风格需求,同时保持高度灵活性。此外,DesignCode UI还配备全面的使用指南,帮助设计师充分发挥系统潜力。
Logo of picker
picker
@react-native-picker/picker是React Native生态系统中的跨平台选择器组件。它兼容Android、iOS、MacOS和Windows平台,提供统一API接口。该组件支持从预定义选项列表中选择,具备自动链接、RTL布局支持、自定义样式和程序化控制等特性。开发者可以轻松集成使用,获得灵活的选择器功能。