查找相似内容

#Developers OpenStatus —— 开源的网站和 API 监控平台 🔗GitHub | Web OpenStatus 是一个开源的合成监控平台，具有漂亮的状态页面和事件管理。该项目正在公开构建，供所有人查看其进展。它支持监测 API、DNS、域名、SSL、SMTP、Ping、Web 页面等各种类型的服务，并提供稳定性和可靠性报告。 技术栈 • 使用 Next.js 构建 • 使用 Tailwind CSS 进行样式设计 • 集成 shadcn/ui、tinybird、turso、drizzle 和 clerk 等工具 要开始使用，需要 Node.js >= 20.0.0 和 pnpm >= 8.6.2。 #GitHub#Monitoring#Nextjs#TailwindCSS#OpenSource 📮 频道 @AppPie

Tailwind CSS v4.0 Beta 1 发布 Tailwind CSS v4.0 是一个全新设计的引擎，专注于性能优化，并完美适配现代 Web。 • 性能至上 —— 新引擎的完整构建速度提高了多达 5 倍，增量构建速度更是提升了超过 100 倍，速度快到微秒级。 • 一体化工具链 —— 内置 import 处理、vender prefixing 和语法转换，无需额外依赖工具。 • CSS 优先体验 —— 全新的开发者体验，直接在 CSS 中自定义和扩展框架，而无需再使用 JavaScript 配置文件。 • 现代 Web 支持 —— 原生支持层叠样式层、广色域颜色，并内置现代 CSS 特性，如容器查询、@starting-style 和 popovers 弹出层等功能。 在今天发布的全新 Beta 文档中找到所有上手指南： 立即开始使用 Tailwind CSS v4.0 Beta 1 → #TailwindCSS 📮 频道 @AppPie

#Developers Your Next Store: 基于 Next.js 和 Stripe 的现代电商解决方案 🔗GitHub Your Next Store 是一个开源的电子商务模板，基于 Next.js 构建，以 Stripe 作为后端。它为开发者和商家提供了一种快速创建高性能在线商店的方式，无需复杂的设置和多种技术堆栈的整合。 项目的核心理念是利用 Stripe 作为产品、价格和支付的数据源，使得商家可以专注于业务而非技术实现。通过利用 Next.js 的现代前端技术，该项目提供了超快的加载速度和优秀的用户体验，使其成为构建专业电子商务网站的理想选择。 主要特点 - 生成式商店前端：基于 Stripe 中定义的产品自动生成美观且极速的商店前端 - 内置结账流程：与 Stripe 无缝整合的结账体验 - Link by Stripe：支持两次点击完成结账 - 税收支持：基于位置自动计算 VAT 和 GST - 运费计算：支持固定费率的运费设置 - 即时搜索：每次按键都能获得搜索结果 - 国际化支持：轻松将商店翻译成任何语言 - 产品变体：支持简单的产品变体，如不同尺寸和颜色 - 开发中功能：管理仪表板（即将推出） 技术栈 Next.js、Stripe API、ShadCN UI、Tailwind CSS。 开源许可证 AGPL-3.0 License。 #ECommerce#Nextjs#Stripe#OpenSource#TailwindCSS#ShadCN#GitHub 📮 频道 @AppPie

tailwindcss-animate —— 为 Tailwind CSS 创建优美动画的插件 🔗GitHub 安装 通过 npm 安装，并在 tailwind.config.js 文件中添加插件： npm install -D tailwindcss-animate 使用方法 详见 README 中的文档部分。 许可证 MIT license。 #GitHub#TailwindCSS#OpenSource#Animation 📮 频道 @AppPie

#Apps RSS.Beauty: 让 RSS 变漂亮 🔗GitHub RSS.Beauty 是一个基于 XSLT 技术的 RSS 美化工具, 可以将普通的 RSS/Atom 订阅源转换成美观的阅读界面。 主要特性 • 技术栈: Astro, Tailwind CSS, XSLT • 精美的阅读界面，响应式设计 • 支持 RSS 2.0 和 Atom 1.0 • 方便订阅到多个 RSS 阅读器 • 支持自部署 部署 • 通过 Vercel, Cloudflare Pages, Netlify 等平台部署 • 通过 Docker 部署 开源许可证 AGPL-3.0 license #GitHub#OpenSource#RSS#TailwindCSS 📮 频道 @AppPie

#Developers Eldora UI: 基于 React, Tailwind CSS 的开源动画组件 🔗GitHub Eldora UI 提供了一系列开源动画组件，使用 React、Typescript、Tailwind CSS 和 Framer Motion 构建。完全开源，且可以根据需要进行定制。 探索组件 访问 eldoraui.site/components 查看文档。 许可证 MIT 许可证。 #React#TailwindCSS#GitHub#OpenSource 📮 频道 @AppPie

#Developers tailwindcss-motion: 为 Tailwind 项目添加简洁强大的动画效果 🔗GitHub tailwindcss-motion 是一个为 Tailwind CSS 设计的插件，旨在简化前端动画的创建过程。它提供了一套简单的动画工具集和语法，允许开发者通过预设的动画类或自定义动画来增强用户界面的交互性。 特点 • 简洁的语法设计，无需定义复杂的关键帧 • 提供实用类来内联动画化各个维度 • 包含多种预设动画效果 • 完整的 TypeScript 支持 • 文件体积小，性能高效 扩展工具 Rombo 还提供了 Chrome 扩展，可视化创建动画并导出为 Tailwind 类、纯 CSS 或 Framer Motion 代码。 该插件适用于需要在 Tailwind 项目中添加精美动画效果的开发者，无需学习复杂的动画框架，通过简单的类名组合即可实现专业级动效。 #GitHub#OpenSource#TailwindCSS#Animation 📮 频道 @AppPie

#Developers Next.js SaaS Starter —— 开源的 Nextjs SaaS 模版 🔗GitHub 这是一个使用 Next.js 构建 SaaS 应用的起始模板，支持身份验证、Stripe 支付集成以及登录用户的仪表板功能。有趣的是，该应用的大部分 UI 是用 v0 构建的。 主要特性 • 带动画终端元素的营销登录页 • 集成 Stripe Checkout 的定价页 • 用户/团队 CRUD 操作的仪表盘 • 基于所有者和成员角色的 RBAC • Stripe Customer Portal 订阅管理 • JWT Cookie 存储的邮箱密码认证 • 登录路由保护的全局中间件 • Server Actions 保护的本地中间件 • 用户事件活动日志系统 技术栈 • 框架：Next.js • 数据库：Postgres • ORM：Drizzle • 支付：Stripe • UI 库：shadcn/ui 开源许可证 该项目使用 MIT license。 #GitHub#Nextjs#SaaS#OpenSource 📮 频道 @AppPie

#Developers Animata：粘贴即用的交互动画和视觉效果库 🔗GitHub Animata 是一个免费开源的精选动画库，收集了来自互联网的交互动画和视觉效果，支持无缝复制粘贴到你的项目中。 特点 • 免费开源，手工精选 • 使用 React、Framer Motion 和 Tailwind CSS 构建 • 即用即粘贴 • 可自定义设计 使用方式 无需安装依赖，类似 shadcn/ui，直接复制代码到项目中使用 项目要求 • TailwindCSS（必需）：样式支持 • Framer Motion（可选）：复杂动画 • Lucide Icons/Radix Icons（可选）：图标支持 注意：Animata 不是完整的 UI 库，而是一个可以增强项目设计的动画和效果集合。可以与其他 UI 库或设计系统配合使用（需要配置 TailwindCSS）。 许可证 MIT license。 #GitHub#TailwindCSS#OpenSource#Animation 📮 频道 @AppPie

#Developers Fumadocs: 构建 Next.js 文档网站的框架 🔗GitHub Fumadocs 是一个基于 Next.js 的文档框架，专为开发者设计，提供灵活性和高性能，完美融合 Next.js 优势。 核心组件 • Fumadocs Core：处理大部分逻辑，包括文档搜索、内容源适配器和 Markdown 扩展 • Fumadocs UI：默认主题，为文档站点提供美观界面和交互组件 • Content Source：内容输入源，可以是 CMS 或本地数据层 • Fumadocs CLI：命令行工具，用于安装 UI 组件和自动化操作 主要特点 • 轻量快速：基于 Next.js App Router 构建的强大文档站点 • 卓越性能：更少的客户端组件，更少的 JavaScript，优化的图像加载 • 注重可访问性：以用户体验和可访问性为核心设计 • 语法高亮：由 Shiki 驱动的精美代码语法高亮 • 自动化工具：实用的 remark/rehype 插件，支持 TypeScript Twoslash、OpenAPI 文档生成等 适用场景：文档网站、博客站点，以及需要集成文档功能的 Web 应用。 开源许可证 采用 MIT license。 #GitHub#OpenSource#Nextjs#Documentation 📮 频道 @AppPie