frontend

The author details how to use CSS-only cross-document view transitions on a static blog to animate page navigation without JavaScript routing, including setting up layout columns and animations.

An open-source project that collects design systems from well-known companies such as Apple, Figma, Linear, and Stripe, and organizes them into DESIGH.md files. It has gained 96,000 stars and allows AI to learn the UI styles of top brands, directly generating interfaces that follow the given rules.

Nectar is a new web framework that compiles Rust-like code to WebAssembly, eliminating JavaScript dependencies with O(1) signal updates and zero-dependency builds.

UI UX Pro Max is an open-source AI design reasoning engine that automatically generates a complete design system including UI styles, color schemes, fonts, etc., based on requirements. It supports multiple tech stacks and AI tool integrations, with over 100K GitHub stars.

chrome-devtools-mcp is an MCP server that enables coding agents to directly connect to Chrome DevTools for page inspection, log capture, and network request analysis, reducing back-and-forth communication for manual review by developers.

The author points out that when making requests to AI, having only product manager skills has limited efficiency. Mastering technical knowledge such as frontend frameworks, design systems, and architectural thinking enables more efficient implementation of requirements, thus becoming a 'product engineer'.

A front-end developer discusses the imperfections of the classic CSS full-bleed utility class and presents modern fixes using CSS containment and container units to avoid scrollbar-related clipping issues.

Stock-SDK is a pure JavaScript/TypeScript stock market data SDK that supports browser and Node.js to get real-time data for A-shares/H-shares/US stocks/mutual funds, provides CLI and MCP to connect AI tools, designed for frontend and quantitative development.

Frond is a frontend runtime that manages the dependency graph of React apps, handling service lifecycles and cleanup automatically.

Recommend several frontend animation-related Skill tools to help developers look up professional animation terms, refine interaction animations, and review animation issues.

A tweet from @ajambrosino observes that features in the Codex app are quickly adopted by the industry, highlighted by @shadcn's new MessageScroller component for chat apps.

Introduces a beginner-friendly tutorial on building a personal website using Codex and taste skill, including steps like analyzing social media data, generating reference images, and deconstructing structures, suitable for beginners.

This article explains how to 1:1 replicate a recognized top-notch frontend website (oryzo), including methods for capturing dynamic assets and modifying a small amount of configuration, achieving high fidelity.

A detailed tutorial on how to use Codex, taste skill, and Frontend App Builder to create a personalized personal website in 2 hours.

react-bits is a free and open-source large-scale React animation component library, offering 130+ customizable animation components based on Tailwind CSS and Framer Motion, targeting front-end and indie developers seeking advanced visual interactions.

The article argues that AI-generated UIs need evidence gates like design tokens, screenshots, and visual QA to ensure quality, and introduces Superloopy, a CLI tool that enforces these checks.

Vue.js Amsterdam celebrates 10 years of the Vue ecosystem's evolution, featuring updates on Vue, Nuxt, Vite, Pinia, Nitro, Vapor Mode, and Nuxt 4.4, with a 10th anniversary planned for March 2027.

A tweet discussing why no framework has dethroned React and how this insight applies to broader predictions.

A free interactive browser-based course covering Jest and Vitest fundamentals for frontend testing, with no sign-up required.

React UI Kit V7 is a production-ready UI kit by CometChat that provides chat components without complexity.