Colir

What it does

Sculpt non-linear gradients with curve-based control on X/Y axes. Real-time WebGL rendering, 12 blend modes, and effects (noise, sparkle, feather, distortion). PNG/WebP export, free + paid tiers.

Create unique, professional gradients with curve-based control. Real-time WebGL rendering, 12 blend modes, and advanced visual effects.

Add and move color stops on the gradient bar; use presets or the color picker to define your palette. Edit the X and Y curves: add points by clicking, drag to reshape, and control how the gradient flows across the canvas. Turn on noise, feather, glitter, distortion, and patterns; adjust intensity and blend modes to refine the look. Save as PNG, WebP or use the share link to keep and reuse your gradient. Drag two curves — one for X, one for Y — to control exactly how color flows across the canvas. Not linear, not radial. Yours. GPU-accelerated WebGL. Smooth editing at 2K+ with no render wait. Multiply, Screen, Overlay, Difference — all the ones you know from Photoshop and Figma. Stack them…from colir.space

• 
  Web Gradients2017 · webgradients.com · ▲906

  Curated collection of 180 free fresh background gradients 🚀

• 
  CSS Gradient2018 · cssgradient.io · ▲410

  A simple, colorful gradient generator

• 
  Mesh Gradient2020 · meshgradient.com · ▲164

  Create beautiful gradients

• 
  Mesh Gradients2021 · meshgradients.com · ▲340

  Create awesome mesh gradients right in Figma

• 
  100 Mesh Gradients2021 · ▲479

  Make your website beautiful with mesh gradients

• 
  SVG Mesh Gradient Generator2022 · magicpattern.design · ▲257

  Create unique customizable SVG gradients with MagicPattern

• 
  Lofi Cities – Pixel-art city nights with browser-generated lofi▲319

  Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.

  Work · 24d ago · loficities.com

• 
  Smooth Recorder▲257

  Mac screen recordings that look edited when you hit stop

  Work · 18d ago · smoothrecorder.com

• 
  Figma Specs▲223

  A container for your context that lives on the Figma canvas

  Work · 3d ago · figma.com

• 
  The rarest tech books and docs you've probably never read▲190

  Work · 12d ago · readrare.com

• 
  Brila▲1,364

  One-page websites from real Google Maps reviews

  AI · Apr 2026 · brila.ai

• AG
  A game where you build a GPU▲964

  Thought the resources for GPU arch were lacking, so here we are

  Life & fun · Apr 2026 · jaso1024.com

• 
  I built a tiny LLM to demystify how language models work▲915

  Built a ~9M param LLM from scratch to understand how they actually work. Vanilla transformer, 60K synthetic conversations, ~130 lines of PyTorch. Trains in 5 min on a free Colab T4. The fish thinks the meaning of life is food. Fork it and swap the personality for your own character.

  AI · Apr 2026 · github.com

• 
  Fathom 3.0▲800

  AI meeting notes: now bot-free, in ChatGPT & Claude + more

  AI · Apr 2026 · fathom.ai

• 
  Brutalist Concrete Laptop Stand (2024)▲786

  I made a laptop stand out of solid concrete, in the style of brutalist architecture, with themes of urbex and urban decay

  Life & fun · Apr 2026 · sam-burns.com

• 
  I built a frontpage for personal blogs▲783

  With social media and now AI, its important to keep the indie web alive. There are many people who write frequently. Blogosphere tries to highlight them by fetching the recent posts from personal blogs across many categories. There are two versions: Minimal (HN-inspired, fast, static): https://text.blogosphere.app/ Non-minimal: https://blogosphere.app/ If you don't find your blog (or your favorite ones), please add them. I will review and approve it.

  AI · Apr 2026 · text.blogosphere.app