1
WEBSITE FOR THE DEV WEEKEND CHALLENGE
用Claude辅助编码，仅周末就做了一个足球主题网站，展示AI如何加速前端原型。
This is a submission for Weekend Challenge: Passion Edition What I Built i build a website about football its legends and the biggest clubs and also n…
2
Blog with AI Auto Poster
ismy.blog 极简自托管博客平台，免费无限制，提供AI写作、自定义CSS等高级功能，仅需$25/年解锁全部特性。
Domain: https://ismy.blog Github:https://github.com/3289david/ismyblog Your blog. Nothing else. A minimal, self-hosted blogging platform. One blog per…
3
Show HN: Claude skills to make anti-AI slop UI
这个开源项目让Claude摆脱千篇一律的AI界面风格，教你用自定义CSS打破紫色渐变、圆角卡片等设计套路。
feedback is welcome and appreciated Comments URL: https://news.ycombinator.com/item?id=48764896 Points: 3 # Comments: 3
4
开源电子书管理工具 Calibre 9.10 发布：升级界面、增强书籍编辑器等
开源电子书管理利器，支持格式转换、编辑与内容服务器，新版升级界面与CSS解析，轻松管理海量书库
IT之家 6 月 27 日消息，科技媒体 linuxiac 昨日（6 月 26 日）发布博文，报道称开源电子书管理工具 Calibre 更新至 9.10 版本，重点升级内容服务器界面，新增侧边栏导航， 并在 HTTPS 环境下支持 PWA 安装。 界面方面，Calibre 9.10 改版启用更现代的…
5
Show HN: Aurora – A spacey animated background for VSCode
为VSCode添加太空动画背景，自动适配主题色彩，一键安装注入动态视觉体验。
Article URL: https://github.com/crlang44/AuroraBg/ Comments URL: https://news.ycombinator.com/item?id=48494240 Points: 1 # Comments: 0
6
Building an HTML-first site doubled our users overnight
CodePen让你快速创建和测试HTML页面，无需复杂工具链，完美契合HTML-first开发理念。
Article URL: https://mohkohn.co.uk/writing/html-first/ Comments URL: https://news.ycombinator.com/item?id=48475483 Points: 846 # Comments: 387
7
OPPO 陈希回应某厂迭代系统“光场交互设计”爆料：应该不是我们，据说有友商跟进液态玻璃很激进
您提供的是科技新闻文章，而非需要推荐的在线工具。请提供具体工具的名称或链接，我将按要求为您撰写推荐语、分类、标签和评分。
IT之家 6 月 11 日消息，博主 @数码闲聊站 昨日发文透露，某厂新系统采用全新光场交互设计，支持 AI 自适应取色、Glass 玻璃材质等功能和效果。 OPPO ColorOS 设计总监陈希今日发文回应了该爆料： 有小伙伴问是不是我们，可能是光场设计是我们的名字而产生的误解，但描述的应该不是我…
8
Here's How iOS 27's New Liquid Glass Slider Works
一键生成玻璃态UI效果，支持颜色、模糊度、透明度自定义，快速适配iOS Liquid Design风格
Liquid Glass, be gone!
9
Uiverse Design
海量开源UI组件，一键复制即可美化AI生成的网站，让页面告别杂乱。
De-slop your AI generated websites Discussion | Link
10
Position tooltips and popovers with native CSS — zero runtime JS
用原生CSS实现tooltips和popovers定位，告别JS运行时带来的复杂计算和性能开销
Repo: https://github.com/mk668a/css-anchor-kit · MIT. css-anchor-kit is floating-ui's React API with the JavaScript runtime deleted — positioning happ…
11
How does VuReact compile Vue 3's CSS Modules to React?
深入解析VuReact编译器如何将Vue 3的CSS Modules无缝迁移到React，揭示跨框架转换的底层实现逻辑。
VuReact is a compiler toolchain for migrating from Vue to React — and for writing React with Vue 3 syntax. In this article, we will look at how Vue SF…
12
Show HN: A CSS 3D Engine (no WebGL)
纯CSS实现3D引擎，无需WebGL即可在DOM中展示真实3D模型，创意与性能兼备。
Article URL: https://github.com/LayoutitStudio/polycss Comments URL: https://news.ycombinator.com/item?id=48356946 Points: 1 # Comments: 0
13
Ask HN: Does Claude Code remove the need for so many front-end frameworks?
AI编程助手Claude Code能否终结前端框架依赖？开发内工具用纯HTML/CSS/JS即可复现React体验，引发前端范式新思考。
Does using claude code make you more/less likely to use front end frameworks? I've been using it for a while to develop internal tools and I've been r…
14
Making a Calculator UI with HTML5 and CSS3
手把手教你用HTML5和CSS3打造一个时尚计算器界面，视觉与结构清晰可学。
This tutorial explains how to build a sleek calculator UI using HTML5 and CSS. HTML Structure (What we are building) <div class= "container" > &…
15
Sixteen TUI components, copy-paste, no dependency
海量开源UI组件，在线预览即拷即用，纯CSS无依赖，快速集成到项目中。
Glyph v0.1 shipped today. Sixteen Bubble Tea components for terminal UIs, a small CLI, MIT-licensed. The gallery is at truffleagent.com/glyph . The in…
16
Show HN: Agents-are-thinking – Terminal agent thinking animation exploration
用Rust重写的终端代理思考动画，支持WebAssembly和Python等多种集成方式，开源且酷炫。
Spent one whole weekend playing with agent thinking animation, literally can't stop. Originally in python. Written in Rust. Provided Webassembly, pyth…
17
Tailwind CSS v2.2
Tailwind CSS v2.2发布，高性能CLI、全面伪类与变体支持，堪称最丰富版本
An all-new high-performance CLI tool, ::before and ::after support, sibling selectors, selected text variants, and tons more.
18
"What's new in Tailwind CSS?" on YouTube
12个短视频带你快速掌握Tailwind CSS新增的网格、过渡、动画等特性
A lot of cool stuff has been added to Tailwind since the last time we published any screencasts, so we thought it would be a great idea to record a li…
19
Tailwind CSS v2.0
CSS 框架 Tailwind 迎来史上最大更新：全新配色、暗黑模式、宽屏断点等重磅特性，前端开发者必看
Today we're finally releasing Tailwind CSS v2.0, including an all-new color palette, dark mode support, and tons more!
20
Multi-line truncation with @tailwindcss/line-clamp
官方Tailwind CSS插件轻松实现多行文本截断，完美解决卡片布局高度不一致的痛点。
A few weeks back we released @tailwindcss/line-clamp, an official Tailwind CSS plugin for truncating text to a specific number of lines.