Logo

#Tailwind CSS

Logo of an-codeAI
an-codeAI
An-codeAI项目利用OpenAI和Gemini技术生成高质量代码,适用于React、Vue、Tailwind CSS、shadcn/ui等前端框架及react native原生应用。支持通过截图、手绘草图和文本创意生成代码,有效提升开发效率和代码质量。适配HTML+Tailwind、react+Tailwind、react+Tailwind+shadcn/ui多种编辑环境,并提供在线试玩和本地运行支持。
Logo of nextjs14-app
nextjs14-app
本应用展示了Next.js 14的功能,包括新增的/app目录、路由、布局、数据获取、缓存及React 18的客户端和服务器组件。集成了OAuth 2.0认证、Prisma ORM、Supabase数据库、NextUI、Tailwind CSS、暗黑模式和Stripe支付,提升社交媒体帖子的互动体验。
Logo of skeleton
skeleton
Skeleton是基于Svelte和Tailwind CSS的开源UI工具包,用于创建高效、响应式的Web界面。该工具包提供丰富组件和功能,支持快速开发和定制。Skeleton拥有详细文档和活跃社区,鼓励开发者参与贡献。适用于个人和企业项目的UI解决方案,具有强大性和灵活性。
Logo of headlessui
headlessui
Headless UI是一套无样式、可访问的UI组件库,专为Tailwind CSS集成设计。支持React和Vue,便于开发者构建可定制界面。项目提供详细文档、多版本安装选项,并有活跃社区支持。适合追求灵活性和可访问性的前端开发者使用。
Logo of motion-primitives
motion-primitives
Motion-Primitives是一个基于Framer Motion和Tailwind CSS构建的开源动画组件库。它为工程师和设计师提供美观易用的动画组件,便于集成到各类项目中。该库目前处于beta阶段,持续更新组件和功能。项目提供详细文档,采用MIT许可证,欢迎开发者参与贡献。
Logo of zui
zui
ZUI 3是一个新型开源UI组件库,提供多样化的实用组件和自由定制选项。它采用CSS变量实现统一UI配置,支持深色模式,并整合Tailwind CSS工具类。ZUI 3可在各种Web应用中独立使用,不依赖特定JavaScript框架。其组件涵盖按钮、表单、数据表格等CSS和JS实现,适用于现代Web开发需求。
Logo of onur.dev
onur.dev
onur.dev是一个展示现代Web开发技术的个人网站项目。该项目记录了从静态HTML到Next.js、Tailwind CSS和Contentful等技术的应用历程。网站功能包括博客文章、个人经历展示和书签分享。项目采用Next.js、Tailwind CSS、shadcn/ui等技术栈,并提供本地运行指南和开源许可说明。
Logo of nextly-template
nextly-template
Nextly是一个基于Next.js和TailwindCSS的开源着陆页模板,专为初创公司和独立项目设计。它提供现代化设计和响应式布局,支持快速部署和定制。开发者可以通过GitHub克隆仓库,并使用Vercel轻松部署。这个模板为企业提供了一个简洁高效的在线展示方案。
Logo of chatgpt-vue
chatgpt-vue
项目采用Vue3、Typescript与Tailwind CSS构建,利用OpenAI的gpt-3.5-turbo模型API,实现支持连续对话的聊天应用。无需代理,API请求直接在前端发送,提供快速启动指南,支持本地和生产环境部署。
Logo of sveltekit-ai-chatbot
sveltekit-ai-chatbot
这是一个用SvelteKit、Vercel AI SDK、OpenAI和Vercel KV构建的开源AI聊天机器人模板。支持多种AI模型,并可快速部署和本地运行。具有流式聊天UI、多模型支持、边缘运行时、丰富的UI组件和身份验证等功能。
Logo of tailwind-merge-php
tailwind-merge-php
TailwindMerge for PHP 是一个开源项目,用于合并 Tailwind CSS 类并自动解决冲突。支持 Tailwind v3.0 至 v3.4,可处理基本类、断点、暗黑模式和状态变体。提供简洁 API,接受字符串或数组输入,允许自定义配置以适应特定 Tailwind 设置。适用于需要动态管理 Tailwind 类的 PHP 项目。
Logo of SaaS-Template-GPT
SaaS-Template-GPT
SaaS-Template-GPT 是基于 PERN 技术栈的开源 SaaS 应用模板,集成身份认证、邮件发送、Stripe 支付和 GPT API。采用 TypeScript 和 Tailwind CSS 开发,该模板可减少样板代码,加速功能完善的 SaaS 产品构建。项目提供本地运行和 Fly.io 部署指南,使开发者能专注于核心业务逻辑实现。
Logo of TW-Elements
TW-Elements
TW Elements 是一个全面的 Tailwind CSS 组件库,提供 500 多个免费交互式组件和 117 个以上设计块。特点包括深色模式支持、便捷的主题定制和快速安装。该项目允许免费用于个人和商业用途,拥有活跃的社区支持和持续更新。涵盖表单、卡片、按钮等多种常用组件,为 Web 开发提供全面的基础元素支持。
Logo of tailwindcss
tailwindcss
Tailwind CSS是一个基于实用工具类的CSS框架,旨在快速构建自定义用户界面。框架提供大量预定义的工具类,减少了编写自定义CSS的需求。它具有完善的文档、活跃的社区支持和讨论平台,适用于各种Web项目的开发。Tailwind CSS强调灵活性和可定制性,使开发者能够高效创建独特的设计。
Logo of Next-js-Boilerplate
Next-js-Boilerplate
Next-js-Boilerplate是一个功能丰富的Next.js启动模板,集成TypeScript、Tailwind CSS和ESLint等开发工具。该项目提供身份验证、数据库ORM、国际化和测试等功能,注重开发体验和性能优化。它遵循严格代码规范,支持自动化部署和错误监控,适合快速启动高质量Next.js项目。
Logo of ChatGPT-Clone
ChatGPT-Clone
此项目使用React.js、Next.js 13、Firebase、Tailwind CSS和TypeScript构建了一个ChatGPT克隆版本,集成谷歌身份验证和NextAuth.js,通过Next.js API端点支持动态页面路由。提供详细的环境变量配置指南和安装部署步骤,帮助用户快速搭建和运行自己的ChatGPT克隆应用。
Logo of babyagi-ui
babyagi-ui
本项目通过Langchain.js技术简化了BabyAGI在Web应用中的运行与开发,配有直观的用户界面,支持Next.js、Pinecone和Tailwind CSS等技术。功能包括用户输入、并行任务处理及API更新,并简化技能创建。未来计划支持OpenAI GPT-4 Turbo和Llama2模型。
Logo of ts-nextjs-tailwind-starter
ts-nextjs-tailwind-starter
ts-nextjs-tailwind-starter 是一个集成 Next.js、Tailwind CSS 和 TypeScript 的开发启动器。此项目内置多种开发工具和预构建组件,提供自动化工作流,旨在加速现代 Web 应用的开发过程。它适合需要快速搭建高性能网站的开发者使用。
Logo of tailwindcss-container-queries
tailwindcss-container-queries
Tailwind CSS v3.2+专用插件,提供容器查询功能。使用@container类和@md:、@lg:等变体,实现基于容器大小的样式应用。支持命名容器、自定义尺寸和前缀配置。预设@xs到@7xl多种容器尺寸,可自定义。增强响应式设计能力,简化开发流程。
Logo of tremor
tremor
Tremor是一个基于Tailwind CSS的开源React组件库,提供20多个用于数据可视化的组件。这个库由注重设计的数据科学家和软件工程师开发,旨在简化图表和仪表盘的创建过程。Tremor提供详细文档和示例,支持快速集成和定制。作为一个活跃的开源项目,Tremor欢迎社区贡献,不断改进其功能和性能。
Logo of tailwindcss-forms
tailwindcss-forms
@tailwindcss/forms是一个Tailwind CSS表单样式重置插件。它为常见表单元素提供基础样式,支持文本输入、复选框、单选按钮和下拉菜单等多种类型。插件提供全局样式和对应类名,方便开发者使用工具类进行自定义。它易于安装和配置,支持全局样式或仅类名两种使用策略,适应不同项目需求。通过简化表单元素的样式定制过程,该插件提高了开发效率。
Logo of Windframe
Windframe
Windframe是一款Tailwind CSS可视化构建和编辑工具,专注于快速网页设计和开发。它提供大量专业模板,支持自定义设计,并允许用户预览、保存和导出项目。该工具支持多种框架代码导出,具备版本管理和团队协作功能,有效提升开发效率。Windframe还支持导入自定义模板和组件,适用于各类网页和应用开发需求。
Logo of aipage.dev
aipage.dev
AI Landing Page Generator是一款利用人工智能生成着陆页的工具,仅支持HTML和Tailwind CSS。当前为实验阶段,能够自动化设计和编码过程,显著节省时间和精力。只需简单描述,即可生成独特风格的页面。未来还计划支持多语言、多页面及黑暗模式,并提供一键部署到Vercel或Netlify的功能。
Logo of daisyui
daisyui
daisyUI 是一个流行的 Tailwind CSS 组件库,提供丰富的开源组件。该项目在 GitHub 上获得了大量 stars,安装量高,显示了其在开发者中的受欢迎程度。daisyUI 提供全面的组件文档和使用指南,便于开发者快速上手。项目保持活跃更新,拥有强大的社区支持,适合构建现代化 Web 界面。
Logo of preline
preline
Preline UI是基于Tailwind CSS的开源组件库,提供预构建UI元素助力开发者快速设计响应式网站。包含按钮、菜单、导航栏等常用组件,易于扩展和自定义。通过npm安装,可作为插件集成到Tailwind CSS项目。Preline UI基于实用优先的Tailwind CSS框架,组件分组合理,便于开发者快速创建独特的设计系统。提供详细文档和社区支持,适用个人及商业项目,采用MIT和Preline UI Fair Use双重许可。
Logo of shadcn-table
shadcn-table
shadcn-table是基于Next.js和shadcn/ui的表格组件,提供服务端数据处理功能。它支持自定义列、动态搜索和分面过滤,并集成了高级筛选和浮动操作栏。该项目采用TanStack/react-table和Drizzle ORM等技术,为开发者提供灵活的表格解决方案。
Logo of admin-one-react-tailwind
admin-one-react-tailwind
Admin One后台模板基于React、Next.js和Tailwind CSS 3开发。特点包括暗黑模式、响应式设计和组件复用。使用TypeScript构建,整合React Redux,CSS体积仅38KB左右。提供免费开源版和功能增强的付费版。
Logo of AI-Prompt-Genius
AI-Prompt-Genius
AI Prompt Genius是一个Chrome扩展程序,用于创建和管理AI提示库。该工具基于React和Tailwind CSS开发,具有简洁的界面。用户可以方便地整理和使用AI提示,提升AI交互效率。扩展支持Google账号同步,实现跨设备使用。AI Prompt Genius适合AI爱好者和专业人士,有助于更有效地运用AI技术。
Logo of Shadcn Templates
Shadcn Templates
Shadcn Templates是一个全栈模板平台,提供基于Next.js、Supabase、Tailwind CSS和ShadCN的高质量模板。平台特色包括完整设计的产品级模板、入门套件、API代码片段和开发工具,可帮助快速构建SaaS产品。模板具有精美UI设计、完整业务逻辑和生产就绪代码,并持续更新内容。这是注重设计和性能的开发者加速项目开发的专业资源。