frontend

Prajwal Tomar shares 26 design resources for building better-looking UIs with Claude, recommending shadcn/ui and 21st.dev as top starting points and outlining a three-step workflow to avoid generic AI-generated designs.

RageLayer 是一个开源的网页彩蛋库，让访客用锤子、火、链锯等 15 种工具「砸碎」真实页面，产生物理碎片效果，再由扫帚恢复原状；支持 React、Vue、Svelte 和原生 HTML，MIT 协议、TypeScript 编写、零运行时依赖。

Nolan Lawson's blog post explores why web developers often avoid "using the platform" — favoring third-party libraries over native browser APIs — examining historical browser fragmentation, ecosystem familiarity with React/npm, and documentation quality as key drivers.

Thinking Orbs is a React component library of animated AI agent status indicators — such as thinking, searching, and compacting states — built with careful attention to each state and variant. It is open source and free, tagged with AI and design resources on Product Hunt.

Siteprint is a Safari extension for Mac that measures any website's design — colours, type scale, spacing, corners, layout — and exports it as a single prompt for AI coding tools like Claude Code, Cursor, or Codex, available as a one-time $9.99 purchase.

A creative web crawler implementation that visually renders as a spider crawling across web pages, built with pure JavaScript and CSS.

CSS Bed 是一个类无（classless）CSS 主题合集，提供 20 多个可作为网页开发起点的轻量主题（如 Pico.css、Water.css、Simple.css），只需在页面 <head> 中引入一段代码即可使用。

An O'Reilly Radar article argues that AI-generated frontend UI should be trusted based on verified checks rather than polished appearance, covering semantic HTML, keyboard navigation, accessibility, and behavioral testing as essential evaluation steps beyond build and render success.

This article discusses the use of vibe coding to create a website that appears professionally designed.

A humorous critique of modern web development that advocates for simpler HTML and native browser features over complex JavaScript frameworks for better performance, SEO, and accessibility.

This tool provides interactive examples to explain shadow roots in CSS, demonstrating style encapsulation, inheritance, slots, and JavaScript access.

The article discusses the historical and cultural bias against CSS as a programming language, highlighting its evolution, capabilities, and the unfair treatment it receives compared to other web technologies.

Vercel announced that deployments on their platform are now faster, reducing up to 12 seconds for large projects without any required action.

A developer describes building a tool that allows users to visually adjust AI-generated websites by dragging, resizing, and editing elements, which directly updates the code, with support for responsive design previews and changes.

The Nitter project announced it will continue operating following legal advice after receiving cease and desist letters from X Corp demanding the takedown of its open-source Twitter/X alternative frontend.

The author details their agency's 5-tool AI development stack, emphasizing simplicity and scalability with backend frameworks, databases, frontends, and AI APIs to avoid overcomplicating with too many tools.

The article defends two-state theme toggles in web design, arguing they are sufficient and user-friendly compared to three-state options, based on a debate in the frontend community.

The article discusses the emergence of the CSS random() function for adding controlled randomness to web design, its browser support starting with Safari, and its role in reducing reliance on JavaScript for presentational chaos.

Recommending Emil Kowalski's design skills and courses, which have an Apple style, aimed at helping designers and engineers build better user interfaces, with a special emphasis on animations and AI agent applications.

User praises reicon icon library for its excellent design and plans to replace the hugeicons currently in use.