Life & fun · alternatives · 2026
24 alternatives to Compiled, buildtime atomic CSS in JavaScript and all your favorite APIs
Compiled is a CSS-in-JavaScript tool that generates atomic CSS at build time. It integrates with popular APIs and development workflows, allowing developers to write styles directly in their JavaScript code while… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Compiled, buildtime atomic CSS in JavaScript and all your favorite APIs launched in 2021; newer entries below may have overtaken it.
- 1
Layouts.dev▲699A notebook for building interfaces with Tailwind & shadcn/UI
2024 · layouts.dev · its alternatives →
- 2
Generate the website
2021 · shuffle.dev · its alternatives →
- 3AV
I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!
2022 · dev.aspect.app · its alternatives →
- 4
Hello HN! I'm the creator and solo developer of Extension.js, a development tool for browser extensions with built-in support for TypeScript, WebAssembly, React, and modern JavaScript. Developers use it to spend less time configuring the compilation config or learning new frameworks and more time actually writing code. Most projects similar to Extension.js rely on some sort of abstraction or configuration to get started, making the initial development process slow given the extra learning curve and setup guidelines. By using Extension.js, adding the package to your npm scripts is all it…
2024 · github.com · its alternatives →
- 5
Collection of Awesome CSS and JS Creations to help out frontend developers and designers.
2012 · cssdeck.com · its alternatives →
- 6
Stitches▲135The modern CSS-in-JS library with near-zero runtime.
2020 · stitches.dev · its alternatives →
- 7
A collection of CSS effects with a click to copy.
2019 · emilkowalski.github.io · its alternatives →
- 8
- 9
CSS for the <Component> Age
2016 · styled-components.com · its alternatives →
- 10
A lightweight toolset for writing styles in JavaScript ✨ - styled-components/polished
2017 · github.com · its alternatives →
- 11
(spoiler: its XSLT) I've been working on a little demo for how to avoid copy-pasting header/footer boilerplate on a simple static webpage. My goal is to approximate the experience of Jekyll/Hugo but eliminate the need for a build step before publishing. This demo shows how to get basic templating features with XSL so you could write a blog post which looks like My Article some content hello hello Some properties which set this approach apart from other methods: - no build step (no need to setup Jekyll on the client or configure Github/Gitlab actions) - works on any webserver…
2025 · github.com · its alternatives →
- 12
Compiles TailwindCSS files into pure CSS files.
2020 · marketplace.visualstudio.com · its alternatives →
- 13
Hey HN, I'd like to share a fun project I've been working on: mizu.js. It's a js library that add functional attributes support into your html, designed to be a simple and flexible alternative to fully-fledged web frameworks (such as Vue, React, and Angular), while offering more capabilities than other lightweight options (like Alpine.js and htmx). As it's written using modern ES features and due to its isomorphic nature, it can be run in both browsers and runtimes (Node, Deno, Bun) without any changes. This makes it ideal for client-side and server-side rendering, as well as static site…
2024 · mizu.sh · its alternatives →
- 14
Create and share simple web demos using TypeScript, CSS, and HTML. Prototype new ideas quickly.
2017 · codewich.com · its alternatives →
- 15
A C++ HTML template engine that uses compile time HTML parsing - rep-movsd/see-phit
2017 · github.com · its alternatives →
- 16
The modern IDE for web platform developers
2020 · webcomponents.dev · its alternatives →
- 17TD
2022 · thin.dev · its alternatives →
- 18EA
2016 · skorokithakis.github.io · its alternatives →
- 19
faster.js is a Babel plugin that compiles idiomatic Javascript to faster, micro-optimized Javascript. - vzhou842/faster.js
2018 · github.com · its alternatives →
- 20
- 21
TL;DR: dagger.js is a buildless, runtime-only micro-framework that plays nicely with native Web Components. It uses HTML-first directives (e.g. +click, +load) so you can ship a page by dropping a single from a CDN—no bundlers, no compile step. Why I built it Modern stacks are powerful but often heavy: bundlers, compile steps, framework DSLs, local CLIs. For internal tools, small apps, and edge/serverless deployments, I wanted something you can view-source, paste into a page, and ship. What it is: Runtime-only: no build or VDOM compile; hydrate behaviors directly on HTML. HTML…
2025 · daggerjs.org · its alternatives →
- 22FA
2014 · isaacbw.com · its alternatives →
- 23MB
2011 · mgeraci.github.com · its alternatives →
- 24PA
2011 · patternify.com · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →