Utils

PixiJS | The HTML5 Creation Engine | PixiJS

Here's my process for generating killer AI images.

Prompts and references images included.

You'll wanna bookmark this.

Space Grotesk - Google Fonts

Figma tutorial: How to create rounded skeuomorphic buttons that:

✦ Look great in dark mode
✦ Are CSS-compatible

🧵👇

High-quality Photoshop design mockups for graphic designers • Mockup Lab

x/ui

Mettez en production votre application Node.js sur un VPS

Bloom text effect

ITOA: Image to ASCII Converter

Deck.Gallery® — Beautifully designed decks, curated

Luxe — Text Shine

Color Generator – Kigen

Step-by-step tutorial - create stunning backgrounds. 
 
6 step thread 🧵

( + the Figma file at the end)

The curated library of award-winning UI patterns.

Isocons

Easing Gradients

Fontshare: Quality Fonts. Free.

You probably wouldn't guess how we made this video. No camera. No real hands. Just Figma, 3D, and AI.

Let me show you the process 🧵

Text Revealing Animation

How to Favicon in 2024: Three files that fit most needs—Martian Chronicles, Evil Martians’ team blog

All the changes you need using the @vercel AI  SDK to support streaming

font pairings that I often use in my designs

Want to create images like this? It takes less than 2 minutes.

No 3D software, no fancy camera, no AI—just these simple steps ↓

CSS progressive blur: stack of empty overlay elements using backdrop-filter: blur() with varying strengths/mask 🤙

🤿  Dive Club |  How to create perplexity-style graphics  

Creating an animated text gradient with CSS

Steve Ruiz

Hand-picked Open Graph Image Gallery

don't sleep on using CSS counters for counting your content 👨‍🍳

section::before {
  content: 
    counters(section,'',pad)'.'counters(content,'',pad)
} /* 01.04 */
@​counter-style pad {
  system: extends decimal;
  pad: 2 '0';
}

check it! 👇