Hacker News with Generative AI: Front-End Development

You're misunderstanding DDD in Angular (and Front end) (angularspace.com)
In the recent year or two I've seen lots of discussions around building Domain-Driven Design in Angular applications. My observation is that people discuss things that are orthogonal to DDD at best - or even totally derailed from what DDD is about at its core.
Show HN: Basecoat – shadcn/UI components, no React required (ycombinator.com)
Basecoat ports the upcoming shadcn/ui v4 [1] to plain HTML + Tailwind (no React):
(ab?)using Node module hooks to speed up development (immaculata.dev)
I wanted a much faster way to develop the front-end of my site.
Why can't HTML alone do includes? (frontendmasters.com)
I’m obsessed with this basic web need.
Show HN: Bhvr, a Bun and Hono and Vite and React Starter (bhvr.dev)
CSS Zen Garden (csszengarden.com)
A demonstration of what can be accomplished through CSS-based design. Select any style sheet from the list to load it into this page.
Introduce the Elm Architecture to MoonBit (moonbitlang.com)
Elm is a purely functional programming language designed specifically for building front-end web applications. It compiles to JavaScript and emphasizes simplicity, performance, and robustness.
Overengineered Anchor Links (thirty-five.com)
Supabase UI Library (supabase.com)
<h2>A collection of components and blocks built on the shadcn/ui library that connect your front-end to your Supabase back-end via a single command.</h2>
Intro to Alpine.js: A JavaScript framework for minimalists (infoworld.com)
Alpine.js is a front-end JavaScript framework fashioned like a lightweight backpack, with a minimalist API and thoughtful features. Let's give it a try.
Show HN: We made a VS Code extension that reveals React component usage insights (omlet.dev:443)
Analyze how and where components are used across your code repos to reduce front-end tech debt and prove design system value.
Goth stack: building front-ends with Go, HTML and a little duct tape (thefridaydeploy.substack.com)
I’ve been a fan of Go for the better part of 10 years now. Its simplicity and portability quickly earned it a place as my language of choice. But the frontend experience has always left something to be desired for me. While powerful, Go templates are a language unto themselves and for any kind of interactivity you’re going to want to reach for some JavaScript or TypeScript.
Cool native HTML elements you should already be using (harrisonbroadbent.com)
I’m constantly surprised by the native HTML spec. New features are regularly added, and I often stumble on existing, handy elements. While often not as versatile as their JS counterparts, using them avoids bloating your app with extra Javascript libraries or CSS hacks.
When Declarative Systems Break (interjectedfuture.com)
A couple of months ago, I had to reload everything I knew about reactivity back into my head. I discovered that I missed a large corner of the development around unstructured reactivity, by way of Signals. From arguments about signals vs. functional components on Twitter and in post comments, it sounds like the issue concerns developer affordances of different APIs. From the marketing of signal-based frameworks, it sounds like the issue is a matter of performance.
CSS Snippets Every Front-End Developer Should Know in 2025 (nerdy.dev)
2025; I think every front-end developer should know how to enable page transitions, transition a <dialog>, popover, and <details>, animate light n' dark gradient text, type safe their CSS system, and add springy easing to animation.
Penguin UI: Free copy and paste Tailwind 4.0 and Alpine.js components (penguinui.com)
To use Penguin UI, you simply copy and paste the code from our website; therefore, Penguin UI doesn’t require any installation or npm package. However, it has two main dependencies: Tailwind CSS: the latest version of Tailwind CSS (Currently V4.0+) is required for all of the Penguin UI components. To view the old components compatible with Tailwind v3.4, please visit this GitHub repository. Alpine JS: Some interactive components require the latest version of Alpine JS (currently V3) to function properly.
From Table Layouts to Tailwind: The Evolution of Front-End Styling (1995–2025) (gmfoster.com)
In the rapidly changing world of front-end development, few areas have evolved as dramatically as CSS and web styling.
React's declarative model isn't perfect (bennett.ink)
The creator of Next made an interesting Tweet about React becoming the Linux kernel of front end development. I’ll go a step further: I think it’s becoming a ubiquitous interface for UI development generally. I bet a lot on React: I use it for every UI endeavor I work on — video games, B2B, mobile apps, and websites of every shape and size.
Build for the Web, Build on the Web, Build with the Web (csswizardry.com)
If you’re going to build for the web, build on the web and build with the web.
CSSWind: Bloat-Free Component Styling (xeiaso.net)
What you need when even HTMX is too much.
Grid by Example (gridbyexample.com)
This site is a collection of examples, video and other information to help you learn CSS Grid Layout. Developed and maintained by Rachel Andrew.
New Front-End Features for Designers in 2025 (smashingmagazine.com)
Searching for the most flexible front-end workflows and toolkits, it’s easy to forget how powerful some of the fundamentals on the web have become these days.
Show HN: 21st.dev - NPM for Design Engineers Based on Shadcn CLI (21st.dev)
Ship polished UIs faster with React Tailwind components inspired by shadcn/ui. Built by design engineers, for design engineers. One command to install.
Is Front-End Too Complicated? (medium.com)
If you’ve spent any time in front-end development lately, you’ve probably asked yourself, “Why is this so complicated?”
Show HN: Mizu.js – Lightweight HTML templating library for any-side rendering (mizu.sh)
Supercharge your HTML!
How do you do, fellow web developers? A growing disconnect (exotext.com)
I had a "woah" moment once when one programmer got genuinely baffled about the fact that a website somehow "erases" the history of requests from the Network tab of Chrome DevTools. He was wondering what magic method was used to hide the communication. He hadn't realized the app was not a single-page JS application (SPA), and he actually wasn't aware there is another way to make web apps.
Htmx 2.0.4 Released (github.com/bigskysoftware)
The End of Front-End Development (joshwcomeau.com)
Over the past few months, I've spoken with lots of early-career devs who are getting more and more anxious about AI. They've seen the increasingly-impressive demos from tools like GPT-4, and they worry that by the time they're fluent in HTML/CSS/JS, there won't be any jobs left for them.
The End of Front-End Development (joshwcomeau.com)
Over the past few months, I've spoken with lots of early-career devs who are getting more and more anxious about AI.
How React, Vue, and Angular Work – Core Principles in One File (github.com)
Instantly share code, notes, and snippets.