AppPie

#Apps 工作性价比计算器: 全面考量, 计算薪资之外的工作真实价值 工作性价比计算器是一个 GitHub 上的开源项目，旨在帮助用户通过量化评估，计算出一份工作的真实价值，而不仅仅是单一的薪资数字。它综合了薪资、通勤、工作环境、个人背景等多种因素。 特点 - 全面评估: 基于薪资、工作时长、通勤时间、工作环境、团队关系等多个维度进行综合计算。 - 国际化比较: 通过购买力平价（PPP）转换功能，支持全球190多个国家和地区的薪资进行横向比较，使得跨国工作的价值评估更为客观。 - 个人因素: 计算会根据用户自身的学历、工作经验等背景进行定制化调整。 - 详细报告: 完成计算后，可以生成一份可分享、可下载的详细工作分析报告。 - 多语言支持: 目前支持中、英、日三种语言，并采用响应式设计，兼容各类设备。 注意 1. 项目基于 Next.js, React, Tailwind CSS 和 TypeScript 构建。 2. 用户可以直接访问 在线网站 进行体验。 开源许可证 MIT License。 #GitHub#OpenSource#Nextjs#React#Job#Calculator 📮 频道 @AppPie

#Developers RetroUI: 复古风格的现代网页应用 UI 组件库 🔗GitHub RetroUI 是一个基于 React 和 Tailwind CSS 构建的复古风格 UI 组件库，为现代网页应用提供独特的视觉体验。这个库将怀旧的设计元素与当代 Web 开发实践相结合，让开发者能够轻松创建具有复古美感的界面。 主要特点 - 复古设计：利用怀旧设计元素创造独特的复古外观和感觉 - 开箱即用：提供 40+ 个可直接复制粘贴到项目中的组件 - Tailwind CSS：基于 Tailwind 构建，便于自定义和样式调整 - 类型安全：所有组件都提供 TypeScript 支持 - 现代兼容：专为现代 Web 应用量身定制 适用场景 RetroUI 特别适合希望在网站设计中脱颖而出的开发者。正如创建者所说，当今大多数 UI 库看起来非常通用且难以区分，而 RetroUI 提供了一种独特的视觉风格，帮助网站在视觉上有所突破。 开源许可证 MIT License。 #GitHub#OpenSource#React#TailwindCSS#UI#Components#TypeScript 📮 频道 @AppPie

#Developers Origin UI: 基于 Tailwind CSS 和 React 的可复用组件库 🔗GitHub Origin UI 是一个丰富的可复制粘贴组件集合，用于快速构建应用程序界面。由 Tailwind CSS 和 React 提供支持，提供免费、开源且随时可以集成到项目中的组件。 该库于 2025 年 2 月 25 日更新至 Tailwind CSS v4，同时保留了使用 v3 构建的旧版组件。新组件将只为 Tailwind v4 开发。 主要特点 - 设计精美：包含数百个组件，并持续更新新设计 - 无缝集成：专为 Next.js 项目设计，但也兼容任何基于 React 的项目 - 遵循 shadcn 约定：对于使用过 shadcn 的开发者来说感觉熟悉 - 提供漂亮的 UI 布局：帮助你快速启动下一个项目 使用方法 使用非常简单，只需将 Origin UI 的 .tsx 文件复制到项目的 components/ui 文件夹中，并将 utils.ts 复制到项目的 lib 文件夹中即可。 开源许可证 MIT License。 #React#TailwindCSS#GitHub#OpenSource#UI 📮 频道 @AppPie

#Developers React Bits：构建出色用户界面的动画组件库 🔗GitHub React Bits 是一个开源的动画 React 组件集合，提供了丰富的动画、交互和完全可定制的组件，用于构建令人印象深刻且难忘的用户界面。该库包含了动画、组件、背景等独特元素，所有组件都提供了 props 自定义选项,让您能够轻松实现所需的效果。 核心特性 • 共有 60 个组件(包括文字动画、动画效果、通用组件、背景)，并且不断增加中 • 所有组件都很轻量，依赖少，高度可定制 • 专为现代 React 项目设计，可无缝集成 • 每个组件提供 4 种变体版本: - JavaScript + CSS - JavaScript + Tailwind CSS - TypeScript + CSS - TypeScript + Tailwind CSS 安装使用 使用 jsrepo CLI 工具进行组件安装，具体设置步骤请参考 文档 中各组件页面。 许可证 使用 MIT 许可证。 #GitHub#OpenSource#React#AnimatedUI 📮 频道 @AppPie

#Developers Base UI: 专注可访问性的无样式 React 组件库 🔗GitHub Base UI 是一个开源的 React 组件库，由 Radix、Material UI 和 Floating UI 的创作者联合打造。 核心特点 • 无样式设计：不捆绑 CSS，完全兼容 Tailwind、CSS Modules、原生 CSS 和 CSS-in-JS 等任何样式方案 • 可访问性优先：严格遵循 WAI-ARIA 设计模式，在各类平台、设备和辅助技术中经过全面测试 • 组件可组合：API 完全开放，支持灵活定制和包装，可轻松添加或移除组件部分。 #GitHub#OpenSource#React#UI#Accessibility 📮 频道 @AppPie​​​​​​​​​​​​​​​​

📌AppPie 频道置顶 🌐 网站 apppie.com 欢迎来到 AppPie！我们致力于数字生活方式，关注 Apple 生态更新，分享效率工具和实用方法，探索设计与开发资源。 关联频道 • Apple 软件更新 @AppleSystemUpdates • Apple Newsroom @AppleNewsrooms 🔍内容索引 以下是一些标签，帮助你快速导航频道内容。 #Apple • 软件更新 #AppleSoftwareUpdate • 固件更新 #AppleFirmwareUpdate • 零售 #AppleRetail#AppleStore • 活动 #AppleEvent • 开发者 #AppleDeveloper#WWDC • 新闻 #AppleNewsroom • 健康与健身 #AppleFitness#AppleWatchChallenge • 技术支持 #AppleSupport • 网站 #AppleWebsite • 娱乐 #AppStore#AppStoreAwards#AppleMusic#AppleMusicReplay#AppleArcade • 服务 #iCloud#ApplePay #Apps • 应用更新 #AppUpdates • Notion 更新 #Notion#NotionUpdates • Telegram 更新 #Telegarm #Developers #OpenSource#GitHub #React#Nextjs#TailwindCSS #TypeScript#SaaS#Cloudflare 💬 讨论群 @AppPieGroup 📮 频道 @AppPie

#Developers NumberFlow: 为 React, Vue 和 Svelte 提供的数字动画组件 🔗GitHub 这是一个无依赖、可访问且可定制的数字动画组件。当数值发生变化时，组件会自动执行平滑的过渡动画。 特点 • 支持多框架：React、Vue 和 Svelte • 零依赖：不需要额外安装其他包 • 自动过渡：value 属性变化时自动执行动画 • 可访问性：支持无障碍访问 • 可定制化：支持自定义动画效果 开源许可证 MIT license。 #GitHub#OpenSource#Animation#React#Vue#Svelte 📮 频道 @AppPie​​​​​​​​​​​​​​​​

#Developers React Scan —— React 应用性能问题自动检测工具 🔗GitHub React Scan 是一款全新的 React 应用性能检测工具，无需修改代码即可使用。 主要特点 • 无需代码修改，即插即用 • 精确定位需要优化的组件 • 多种使用方式：Script 标签引入，NPM 包安装和 CLI 命令行工具 解决的问题 相比现有工具需要大量代码修改、缺乏简单的可视化提示和便携 API 的问题，React Scan 提供了更简便的解决方案。 扩展功能 如果需要监控生产环境，还可以使用 React Scan Monitoring 功能。 #React#PerformanceOptimization#FrontEndTools 📮 频道 @AppPie

Onlook —— React 应用的开源本地化 Figma 替代方案 🔗GitHub Onlook 是一款开源的本地化可视化编辑器，专为 React 应用设计。它允许开发者直接在浏览器中对运行中的 React 应用进行设计和编辑，并将更改实时写入代码。 主要功能 • 可视化编辑：在浏览器中直接编辑 React 应用的用户界面，所见即所得。 • 实时代码更新：所有更改实时写入代码，无需手动同步。 • 无缝集成：支持与任何使用 React 和 TailwindCSS 的网站或 Web 应用集成。 • 本地运行：所有操作均在本地进行，确保代码的安全性和所有权。 安装 • 从官方网站下载：访问 onlook.dev 下载预构建的应用程序。 • 使用 CLI 安装：在项目根目录运行 npx onlook setup 启动项目后，在 Onlook 中打开项目运行的地址。 开源许可 Apache-2.0 license。 #GitHub#React#Figma#OpenSource 📮 频道 @AppPie

Vaul —— 适用于 React 的抽屉组件 🔗GitHub Vaul 是一个无样式的 React 抽屉组件，可作为移动设备和平板设备上的对话框替代品。 该组件无预设样式，支持手势驱动的动画效果，由 Emil Kowalski 制作。 使用方法 要开始使用该库，请在你的项目中安装： npm install vaul 在应用中使用抽屉组件： import { Drawer } from 'vaul'; function MyComponent() { return ( <Drawer.Root> <Drawer.Trigger>Open</Drawer.Trigger> <Drawer.Portal> <Drawer.Content> <Drawer.Title>Title</Drawer.Title> </Drawer.Content> <Drawer.Overlay /> </Drawer.Portal> </Drawer.Root> ); } 文档 在 文档 中查阅完整的 API 参考和示例。 #GitHub#React#OpenSource 📮 频道 @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

#News Next.js 15 RC 发布 Next.js 15 RC 现已可用。此版本允许在正式发布之前测试最新功能。 主要更新 • React：支持 React 19 RC，提供实验性 React Compiler 和改进的 hydration 错误处理。 • Caching: 默认情况下，不再缓存 fetch 请求、GET 路由处理器和客户端导航。 • Partial Prerendering (Experimental): 新的布局和页面配置选项，支持增量选项。 • next/after (Experimental): 新 API，允许在响应流结束后执行代码。 • create-next-app: 更新设计并新增启用 Turbopack 的本地开发标志。 • Bundling external packages (Stable): App Router 和 Pages Router 的新配置选项。 来源 #Nextjs#React 📮 频道 @AppPie