Hacker News with Generative AI: Front-End Development

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.

Web Development, CSS, Front-End Development

7 points by tigitz 13 days ago | 0 comments

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.

Web Development, Tailwind CSS, UI Components, Front-End Development, JavaScript Libraries

3 points by rob 14 days ago | 0 comments

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.

Front-End Development, CSS, Web Styling, History

12 points by thunderbong 16 days ago | 0 comments

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.

React, User Interfaces, Front-End Development, Programming

12 points by thunderbong 20 days ago | 1 comments

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.

Web Development, Front-End Development, Web Design

6 points by keepit 26 days ago | 1 comments

CSSWind: Bloat-Free Component Styling (xeiaso.net)
What you need when even HTMX is too much.

CSS, Web Development, Front-End Development, Performance Optimization

4 points by xena 40 days ago | 0 comments

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.

CSS, Web Development, Learning Resources, Front-End Development

3 points by stefankuehnel 45 days ago | 0 comments

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.

Web Development, Front-End Development, Design, User Interface, Trends

5 points by ulrischa 50 days ago | 0 comments

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.

Design, React, Front-End Development, Web Development, Open Source

11 points by SerafimKorablev 56 days ago | 2 comments

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?”

Front-End Development, Software Development, Web Development

15 points by lladnar 63 days ago | 1 comments

Show HN: Mizu.js – Lightweight HTML templating library for any-side rendering (mizu.sh)
Supercharge your HTML!

JavaScript, HTML, Templating, Front-End Development, Open Source

225 points by lowlighter 63 days ago | 86 comments

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.

Web Development, JavaScript, Front-End Development

206 points by todsacerdoti 63 days ago | 200 comments

Htmx 2.0.4 Released (github.com/bigskysoftware)

New Releases, Software, Front-End Development

196 points by ms7892 69 days ago | 129 comments

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.

Front-End Development, Artificial Intelligence, Career Advice

10 points by matthewsinclair 72 days ago | 7 comments

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.

Front-End Development, Artificial Intelligence

12 points by handfuloflight 75 days ago | 5 comments

How React, Vue, and Angular Work – Core Principles in One File (github.com)
Instantly share code, notes, and snippets.

JavaScript Frameworks, Web Development, Front-End Development, Comparison

103 points by totakaro 113 days ago | 21 comments

Panic at the SPA (hai.haus)
Can’t we just get a good wheel?

JavaScript, Web Development, Front-End Development, User Interface

14 points by betap 113 days ago | 39 comments

React Folder Structure in 5 Steps (robinwieruch.de)
Organizing large React applications into folders and files is a topic that often sparks strong opinions.

React, Front-End Development, Software Development, Web Development

8 points by cmpit 121 days ago | 0 comments

Show HN: Brisa Framework – Unifying server and client using the Web Platform (brisa.build)
Build web applications with speed and simplicity

Web Development, Frameworks, JavaScript, Front-End Development, Server-Side Rendering

130 points by aralroca 138 days ago | 70 comments

Building a robust frontend using progressive enhancement (gov.uk)
For users to experience a quality service it must be built in a robust way.

Web Development, Front-End Development, Progressive Enhancement, User Experience

244 points by artbristol 144 days ago | 164 comments

Hire HTML and CSS People (robinrendle.com)
Every problem at every company I’ve ever worked at eventually boils down to “please dear god can we just hire people who know how to write HTML and CSS.”

Web Development, Hiring, Front-End Development

60 points by speckx 148 days ago | 50 comments

Show HN: WebJSX – A tiny Web Components and JSX library (webjsx.org)
A minimal library for building web applications with Web Components and JSX.

Web Components, JavaScript, Libraries, Front-End Development

26 points by jeswin 149 days ago | 13 comments

Show HN: World's most performant web table (multicore, DOM-based) (github.com/gabrielpetersson)
A multithreaded web table, capable of running 120fps while sorting/filtering/scrolling simultaneously

Web Development, Performance Optimization, Front-End Development, JavaScript

15 points by snabriel 164 days ago | 14 comments

Facet: WebComponents Defined in HTML (github.com/kgscialdone)

WebComponents, HTML, Front-End Development, JavaScript

6 points by recursivedoubts 174 days ago | 0 comments

Server-First Web Components with DSD, Htmx, and Islands (tympanus.net)