Skip to content
😂easy ways to add design flair, user delight, and whimsy to your product.
JavaScript HTML CSS
Branch: master
Clone or download
Latest commit d0d9929 Nov 18, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
website website Oct 12, 2019
LICENSE Initial commit May 2, 2019
PERF.md commit what works for now Sep 11, 2019
README.md Update README.md Nov 18, 2019

README.md

spark-joy

easy ways to add design flair, user delight, and whimsy to your product.

Typography

Color Picking

Color knowledge (not tools but still important so here they are)

Font picking

Pure CSS

MAKE SURE TO CHECK OUT https://components.ai

Pure CSS Tricks

SVG/Canvas Masking

Background Gradients and Patterns

In particular, applying gradients and background images to text is super underrated. Examples:

Spinners

Animations & Transitions

Icons

Graphics and SVG Illustrations

Animating Individual Elements

Styling Forms

Sound

Misc Weird fun stuff

Canvas

Page Transitions

React

Simple Animation

Page transitions

Nice React Components

Toasting

Gamification

Icons

Helpful Podcasts

You can’t perform that action at this time.