Find similar content

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

#meme#tailwindcss

#tailwindCss#frontend Tailwind bilan animatsiyalarni yanada chiroyli qiling! CSS’da murakkab easing funksiyalarini yozib o‘tirish shart emas. Origin UI sizga 20+ tayyor animatsiya sinflarini taqdim etadi. ✅ Faqat kerakli klassni nusxalaysiz va loyihangizga qo‘shib qo‘yasiz — hammasi tayyor! Frontend loyihalaringizni jonlantirish uchun juda qulay. 🔗 Ko‘rib chiqing: originui.com/easings 💻@dasturlash_hayoti— Dasturchilar uchun eng kerakli maslahatlar va foydali kontent

#Developers Tailwind CSS v4.0 正式版发布 🔗TailwindCSS Blog 这是框架的全新版本，专注于性能和灵活性的优化，重新设计了配置和定制体验，并充分利用了 Web 平台的最新进展。 主要特性 • 全新高性能引擎：完整构建速度提升最多 5 倍，增量构建速度提升超过 100 倍，构建时间以微秒计。 • 为现代 Web 而设计：基于最前沿的 CSS 特性构建，包括 cascade layers、使用 @property 注册的自定义属性、以及 color-mix() 等功能。 • 简化的安装流程：更少的依赖，零配置，在 CSS 文件中只需一行代码。 • 官方 Vite 插件：紧密集成以实现最佳性能和最简配置。 • 自动内容检测：自动发现所有模板文件，无需配置。 • 内置导入支持：无需额外工具即可打包多个 CSS 文件。 • CSS 优先配置：全新的开发体验，直接在 CSS 中而不是 JavaScript 配置文件中自定义和扩展框架。 • CSS 主题变量：所有设计令牌都作为原生 CSS 变量暴露，可在任何地方访问。 • 动态工具类值和变体：不再需要猜测间距比例中存在哪些值，也不需要为基本的数据属性扩展配置。 • 现代化的 P3 调色板：重新设计的更生动的调色板。 • 容器查询：无需插件即可基于容器大小设置元素样式的一级 API。 • 新的 3D 变换工具类：直接在 HTML 中在 3D 空间转换元素。 • 扩展的渐变 API：支持径向和锥形渐变、插值模式等。 • @starting-style 支持：新的变体，可用于创建进入和退出过渡，无需 JavaScript。 • not-* variant：仅当元素不匹配其他变体、自定义选择器或媒体/特性查询时设置样式。 • 更多新工具类和变体：包括对 color-scheme、field-sizing、复杂阴影、inert 等的支持。 现在就可以通过在 新项目中安装 或直接通过浏览器的 Tailwind Play 使用 Tailwind CSS v4.0。 对于现有项目，Tailwind Labs 发布了一份全面的 升级指南 ，并构建了一个 自动升级工具 ，帮助你尽可能快速、无痛地升级到最新版本。 #TailwindCSS 📮 频道 @AppPie

#React#UI#TailwindCSS 两个基于 TailwindCSS 和 framer-motion 的带有动画的 UI 组件库 https://ui.aceternity.com/ https://magicui.design/

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

#Resources UI Colors —— Tailwind CSS 颜色生成器 & 编辑工具 UI Colors 是一个创建、编辑、预览、导出和保存 Tailwind CSS 颜色的工具。 尽管默认的 Tailwind CSS 颜色很棒，但有时需要一个自定义的颜色系列，比如想要使用品牌颜色，UI Colors 旨在让定制 Tailwind CSS 颜色变得简单快捷。 特点 • 创建颜色集合 —— 基于十六进制颜色或选取颜色 • 批量编辑整个颜色集合 —— 例如减少饱和度 • 微调个别颜色以达到完美 • 显示 UI 示例 • 导出代码 • 保存更改 注意部分功能需要 Pro 版本。 来源 #Color#TailwindCSS 📮 频道 @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 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

#typescript#svelte#sveltekit#tailwindcss#tauri Epicenter is a free, open-source set of local-first apps that let you own and control your data by storing everything—notes, transcripts, chats—in one simple folder using plain text and SQLite. You can use any AI model you want, customize tools, and access your data anywhere without relying on cloud services. Key apps include Whispering, which transcribes your speech locally, and epicenter.sh, a personal assistant that helps you search and interact with your data. This setup gives you privacy, flexibility, and full control over your information, avoiding locked, siloed apps and data traps. It’s great for anyone who values data ownership and open software. https://github.com/epicenter-so/epicenter