spark-joy
github.com/swyxio/spark-joy ↗✨😂 2000+ ways to add design flair, user delight, and whimsy to your product.
9.8k
GitHub Stars
1.3k
Curated Resources
16
Categories
22 hours ago
Last Refreshed
CSS/UI TemplatesLayoutTypographyColorsBackgroundsIcons and FaviconsDiagrammingGraphics and SVG IllustrationsIndividual HTML ElementsPure CSS TricksAnimations & TransitionsIdeas for Improving UXDesign SoftwareNon-DOM Browser TechnologiesInteraction/Design InspoRandom Stuff That Doesn't Fit Anywhere
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me helpful podcasts/talks/articles resources from spark-joy"
Installation instructions →What's inside
Random Stuff That Doesn't Fit Anywhere
- 100 Things I Know About DesignHelpful podcasts/talks/articles
- 241mbUseful big datasets
- 7 Gestalt Principles of DesignHelpful podcasts/talks/articles
- 7 Rules for Creating Gorgeous UIHelpful podcasts/talks/articles
- Airbnb data on NY, London, SF, Paris, barcelona, AmsterdamUseful big datasets
- Auckland Transport dataUseful big datasets
Typography
Individual HTML Elements
- 2min videoMisc Weird fun stuff
- A table with both a sticky header and a sticky first columnTables
- Backdrop Filters and Multiple Inner ShadowsMisc Weird fun stuff
- CodepenMisc Weird fun stuff
- CSS motion blur on css tricksMisc Weird fun stuff
- CSS only hover effect with HeadersMisc Weird fun stuff
CSS/UI Templates
- 7.cssFun CSS Frameworks
- 98.cssFun CSS Frameworks
- a2kFun CSS Frameworks
- Blaze UISerious CSS Frameworks
- Bonsai CSSSerious CSS Frameworks
- BOOTSTRA.386Fun CSS Frameworks
Colors
- A Beginner’s Guide to Applying Color in UI DesignColor Theory
- A Dictionary of Color CombinationsColor Theory for Data Visualization
- argyleinkColor Gradients
You can
- Art + Data: A Collection of Tableau DashboardsColor Theory for Data Visualization
- Canva's color wheel has a color theory guideColor Theory
- chroma.js color palette helperPalette Generators
Interaction/Design Inspo
Pure CSS Tricks
Icons and Favicons
- Aria rolesIcons
- Favicon GeneratorFavicons
another one
- Favicon InBrowser.AppFavicons
A modern pure-frontend favicon generator. Support SVG, maskable and dark mode. Optimize PNG and SVG outputs.
- Favicon.ioFavicons
Generate a favicon from text, from an image, or from an emoji. Download in .ico and .png formats
- FontIconFavicons
Generate favicons and images from Font Awesome icons
- How to Favicon in 2021Favicons
Showing a sample of 1.3k resources. View the full list on GitHub →