swyxio/spark-joy on Hacker News

…one of these is a viable alternative to writing your own. I included a link to this repo there: https://github.com/swyxio/spark-joy/blob/master/README.md#dr... I want this guide page to also explain the decisions behind CSS for styling…

comment by bryanhogan · 2025-10-15 · in CSS for Styling a Markdown Post

100 bytes: https://www.swyx.io/css-100-bytes (i collect a lot of these design advice. more: https://github.com/swyxio/spark-joy/ )

comment by swyx · 2025-10-07 · in The least amount of CSS for a decent looking site (2023)

i collect these! https://github.com/swyxio/spark-joy others - https://ui.glass/generator/ Get started with this free CSS generator based on the glassmorphism design specifications to quickly design and customize the style properties. -…

comment by swyx · 2025-07-02 · in Show HN: CSS generator for a high-def glass effect

…form articles - https://css-tricks.com/designing-for-long-form-articles/ i keep a longer list here https://github.com/swyxio/spark-joy/blob/master/README.md#ty...

comment by swyx · 2024-09-03 · in Quick guide to web typography for developers

Obligatory link to Swyx's Spark Joy repo: https://github.com/swyxio/spark-joy?tab=readme-ov-file#drop-...

comment by traviswt · 2024-05-23 · in Matcha.css – Drop-in semantic styling library in pure CSS

swyx already has one: https://github.com/swyxio/spark-joy?tab=readme-ov-file#fun-c...

comment by DreaminDani · 2024-03-23 · in Show HN: magick.css – Minimalist CSS for Wizards

…(new, wants feedback) - https://mikemai.net/typesettings/index.html (new) for more: https://github.com/swyxio/spark-joy/blob/master/README.md#no...

comment by swyx · 2024-03-22 · in Show HN: magick.css – Minimalist CSS for Wizards

i collect these! https://github.com/swyxio/spark-joy/blob/master/README.md#dr...

comment by swyx · 2024-02-08 · in Concrete.css

…apps[1]. draw on them, take a screenshot. doesnt export to svg but do people really need that? [1]: https://github.com/swyxio/spark-joy/blob/master/README.md#ge...

comment by swyx · 2023-10-19 · in Just paying Figma because nothing else works

…- [a2k]( https://a2000-docs.netlify.app/ ): A Windows 2000 inspired web component library more at https://github.com/swyxio/spark-joy/tree/master

comment by swyx · 2023-07-10 · in Show HN: React95 – A React components library recreating the look of Windows 95

ive been a keeping a list of other diagramming tools too https://github.com/swyxio/spark-joy/blob/master/README.md#di...

comment by swyx · 2023-06-08 · in Show HN: Private, text to entity-relationship diagram tool

i've been keeping my own resource list for a few years: https://github.com/sw-yx/spark-joy/ much more for developers learning a bit of design rather than designers learning to design. just offering for anyone else interested!

comment by swyx · 2023-05-11 · in Degreeless.Design: A curated resource list to kickstart your design education

i collect these for fun! adding to my collection https://github.com/sw-yx/spark-joy/blob/master/README.md#dro... more like this: - https://andybrewer.github.io/mvp/ mvp.css - https://yegor256.github.io/tacit/ -…

comment by swyx · 2023-04-26 · in Show HN: Neat – Minimalist CSS Framework

i collect these for fun! more here: https://github.com/sw-yx/spark-joy/blob/master/README.md#bac...

comment by swyx · 2023-03-20 · in SVG Backgrounds

added to my collection of palette generators in case anyone is shopping around https://github.com/sw-yx/spark-joy/blob/master/README.md#pal...

comment by swyx · 2023-02-05 · in Poline – esoteric color palette generator

Collection of retro CSS: https://github.com/sw-yx/spark-joy/blob/master/README.md#fun...

comment by rvieira · 2023-01-23 · in PSone.css – Playstation 1 style CSS Framework

i collect these tools for fun! https://github.com/sw-yx/spark-joy/blob/master/README.md#cod... - https://gojs.net/latest/samples/decisionTree.html interactive diagrams - http://blockdiag.com/en/ - python's diagrams…

comment by swyx · 2022-12-01 · in Text to Diagram Tools

added to my list :) https://github.com/sw-yx/spark-joy/blob/master/README.md#any... happy css scan customer here. just used it today to grab some annoying css. feature request: convert the css to react style objects. i hate that i need to…

comment by swyx · 2022-11-01 · in CSS checkbox examples

I keep a list of these for fun: https://github.com/sw-yx/spark-joy/blob/master/README.md#lig... Lightweight Charts/Dataviz - https://rbitr.github.io/ChartS.css/ - https://chartscss.org/ - Sparkline fonts in text:…

comment by swyx · 2022-10-30 · in Charts.css: CSS data visualization framework

my list of icon resources here: https://github.com/sw-yx/spark-joy/blob/master/README.md#ico...

comment by swyx · 2022-10-16 · in Feather – open source icons

…joshwcomeau's solution, but now i am using this as my default. I made a responsive version here: https://github.com/sw-yx/spark-joy/blob/master/README.md#lay... .swyxcontent { --gap: clamp(1rem, 6vw, 3rem); --full: minmax(var(--gap), 1fr);…

comment by swyx · 2022-10-11 · in Layout Breakouts with CSS Grid

…https://www.frontendpractice.com/ - https://www.codewell.cc/ - https://cssbattle.dev/ my full list https://github.com/sw-yx/spark-joy

comment by swyx · 2022-10-01 · in The self-taught UI/UX designer roadmap (2021)

…better at design piece by piece, here's the roadmap i've been working on for about 3-4 years: https://github.com/sw-yx/spark-joy/

comment by swyx · 2022-10-01 · in The self-taught UI/UX designer roadmap (2021)

…and https://thesephist.github.io/blocks.css/ full list here: https://github.com/sw-yx/spark-joy/blob/master/README.md#dro...

comment by swyx · 2022-09-12 · in MVP.css – Minimalist stylesheet for HTML elements

I collect these novelty CSS things for fun! here https://github.com/sw-yx/spark-joy/blob/master/README.md#fun... - [NES.css]( https://github.com/nostalgic-css/NES.css ): NES.css is a NES-style(8bit-like) CSS Framework. - [PSone.css](…

comment by swyx · 2022-08-11 · in System.css: A design system for building retro Apple interfaces

study and compile every bit of advice that people hand out and make it easy to retrieve on demand: https://github.com/sw-yx/spark-joy

comment by swyx · 2022-07-20 · in Ask HN: How did you increase your UX skills?

…- text to diagramming tools [list]( https://smusamashah.github.io/text-to-diagram ) more: https://github.com/sw-yx/spark-joy/blob/master/README.md#asc...

comment by swyx · 2022-06-27 · in Explaining Code Using ASCII Art

…no "standard" system font stacks - here are my list of system font stacks and their sources: https://github.com/sw-yx/spark-joy/blob/master/README.md#fon... some of them even come with annotations as to why they make the choices they make.…

comment by swyx · 2022-05-28 · in System Font Stack

…comprehensive and i like the responsive displays. upvoted!! i keep a list of these libraries here https://github.com/sw-yx/spark-joy/blob/master/README.md#tai... and just gave it a little star to demonstrate quality

comment by swyx · 2022-04-25 · in Free Open Source Tailwind CSS Components

i keep a list of other "drop in" css frameworks here https://github.com/sw-yx/spark-joy/blob/master/README.md#dro...

comment by swyx · 2022-02-28 · in Almond.css: Collection of CSS styles to make simple websites look nicer

my collection of palette generators of every stripe here: https://github.com/sw-yx/spark-joy/blob/master/README.md#pal...

comment by swyx · 2022-02-27 · in Colors.lol (2020)

…to link to the illustrations part in particular but it was taken off the URL. So trying again here: https://github.com/sw-yx/spark-joy#graphics-and-svg-illustra...

comment by mittermayr · 2022-02-16 · in Design tools (and free illustrations) for devs in a hurry

▲ 3

Design tools (and free illustrations) for devs in a hurry

story by mittermayr · 2022-02-16 · 1 comment

I collect a repo of all these free illo projects here! https://github.com/sw-yx/spark-joy#illustrations

comment by swyx · 2022-02-14 · in Show HN: Free and open-source illustrations for your projects

ive been collecting a list of alternatives if you wanna pick https://github.com/sw-yx/spark-joy#drop-in-css-frameworks (or point to it)

comment by swyx · 2022-01-15 · in Simple.css – A classless CSS framework

I collect a list of similar lightweight/drop in CSS frameworks here: https://github.com/sw-yx/spark-joy#drop-in-css-frameworks enjoy!

comment by swyx · 2022-01-15 · in Simple.css – A classless CSS framework

Some more over here: https://github.com/sw-yx/spark-joy

comment by ezequiel-garzon · 2022-01-14 · in Simple.css – A classless CSS framework

that's not a collection; THIS is a collection! :) https://github.com/sw-yx/spark-joy/#illustrations

comment by swyx · 2021-08-30 · in Open Source Illustrations Kit

…- https://shuffle.dev/ Tailwind visual builder (from my resources list https://github.com/sw-yx/spark-joy/ )

comment by swyx · 2021-07-30 · in DaisyUI – Tailwind CSS Components

…https://www.placecage.com/ https://www.stevensegallery.com/ https://www.fillmurray.com/ more here https://github.com/sw-yx/spark-joy/blob/master/README.md#moc...

comment by swyx · 2021-06-03 · in Show HN: Assetroulette – Randomized Assets for Webdesign

more resets for you: https://github.com/sw-yx/spark-joy/blob/master/README.md#css...

comment by swyx · 2021-06-02 · in Meyerweb CSS Reset

…//www.transistor.fm/free-podcast-intro-music free podcast intro music and some paid stuff in the list https://github.com/sw-yx/spark-joy#sound

comment by swyx · 2021-05-22 · in Freesound just reached 500K Creative Commons sounds

here is my list https://github.com/sw-yx/spark-joy#stock-photos-and-videos

comment by swyx · 2021-05-21 · in Download free public domain paintings, posters and illustrations

tacking on my other typography resources since we're making this a general thread: https://github.com/sw-yx/spark-joy/blob/master/README.md#typ...

comment by swyx · 2021-05-14 · in Ask HN: What are the best typography talks?

here's my collection of more design resources in case it helps anyone https://github.com/sw-yx/spark-joy/

comment by swyx · 2021-05-13 · in Apple Design Resources

collated these diagramming tools here: https://github.com/sw-yx/spark-joy/blob/master/README.md#gen...

comment by swyx · 2021-04-27 · in Swimlanes.io – generated editable sequence diagrams

here is my collection of more palette generators: https://github.com/sw-yx/spark-joy/blob/master/README.md#pal... mostly gotten off HN every time it comes up

comment by swyx · 2021-04-27 · in Show HN: Paletter – Create Professional Color Palettes from a Single Color

here's my collection of color guides with some preselected colors: https://github.com/sw-yx/spark-joy/blob/master/README.md#col...

comment by swyx · 2021-04-27 · in Show HN: Paletter – Create Professional Color Palettes from a Single Color

for those with broader interest in diagramming, just sharing my collection here https://github.com/sw-yx/spark-joy/blob/master/README.md#use...

comment by swyx · 2021-04-12 · in Online text to diagram tools (2020)

i'm someone who keeps a ton of github knowledge bases: - https://github.com/sw-yx/spark-joy/ - https://github.com/sw-yx/launch-cheatsheet/ - https://react-typescript-cheatsheet.netlify.app/ i should be your ideal user. i was very excited…

comment by swyx · 2021-03-25 · in Show HN: Trove – Curate and publish a knowledge base on any topic