I made a Tailwind alternative for Preact
This is a small TailwindCSS alternative based on a css template literal. I was inspired by styled-components and EmotionCSS, which however do not work well with ViteJS and specifically Preact. This provides a better experience than Tailwind, as you can use all CSS language features without learning new conventions while maintaining a per-component styling approach. This also turns out to be more inspectable in the browser's dev-tools, as snippets are extracted as-is and are not fragmented across thousands of small classes. I wanted something more optimized than other CSS-in-JS alternatives…
I made a Tailwind alternative for Preact launched on January 11, 2026 with 6 votes, #2,272 of 14,584 launches that month and more than 75% of that year's launches.
What it does
Small emotion css clone for preact with support for easily using clsx - aziis98/preact-css-extract
This package provides the following two main features: a vite plugin for compile-time css extraction and a custom preact classList prop integration based on clsx . This is inspired by EmotionCSS (that is a bit outdated to my understanding and it doesn't support ViteJS and Preact together) and VueJS class attributes. Also I don't want to use heavy css-in-js solutions or TailwindCSS (for various reasons ). This project provides tools for managing component styling at build time while maintaining a clean, developer-friendly API. It includes: CSS Extract Plugin : A Vite plugin that processes template literal CSS declarations and extracts them into a central stylesheet during compilation. Preact…from github.com
In the maker’s words, at launch
This is a small TailwindCSS alternative based on a css template literal. I was inspired by styled-components and EmotionCSS, which however do not work well with ViteJS and specifically Preact. This provides a better experience than Tailwind, as you can use all CSS language features without learning new conventions…
Does a similar job
all alternatives →
Tailwind UI Templates2022 · tailwindcss.com · ▲444Beautiful Next.js templates built by the Tailwind CSS team.
Tailwind CSS v2.02020 · tailwindcss.com · ▲385Rapidly build modern websites without ever leaving your HTML
Tailwind CSS v1.02019 · tailwindcss.com · ▲279A utility-first CSS framework for building custom designs.
More life & fun this month
the category →
A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.
Life & fun · 4d ago · permit.petercai.com
- IV
Life & fun · 16d ago · tanzaniaeducationproject.org
Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.
Life & fun · 17d ago · bigwords.page
Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.
Life & fun · 10d ago · guitoro.com
Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.
Life & fun · 15d ago · carrierexplode.com
Life & fun · 24d ago · space.bl2.net
Source: Show HN post ↗ · launch text quoted in part
Launched alongside, January 2026
the whole month →- IN
Hey HN! I wanted to share something I built over the last few weeks: isometric.nyc is a massive isometric pixel art map of NYC, built with nano banana and coding agents. I didn't write a single line of code. Of course no-code doesn't mean no-engineering. This project took a lot more manual labor than I'd hoped! I wrote a deep dive on the workflow and some thoughts about the future of AI coding and creativity: http://cannoneyed.com/projects/isometric-nyc
AI · Jan 2026 · cannoneyed.com
Automatic AI-powered code reviews the moment you open a PR
Dev tools · Jan 2026 · kilo.ai
