Pattern Craft

What it does

Professional-grade background patterns and gradients for your websites and apps. Easily copy and paste into your next project. Crafted with modern CSS and Tailwind for seamless integration.

• 
  CSS Background Patterns2020 · magicpattern.design · ▲327

  Free editable patterns that actually look cool 😎

• 
  PatternLab2025 · patternlab.vercel.app · ▲12

  Where patterns come to life

• 
  Pattern.css2020 · github.com · ▲197

  CSS library to fill empty background with beautiful patterns

• 
  Web Gradients2017 · webgradients.com · ▲906

  Curated collection of 180 free fresh background gradients 🚀

• 
  Subtle Patterns2014 · toptal.com · ▲118

  Free textures for your next web project.

• 
  Hero Patterns2016 · heropatterns.com · ▲486

  A collection of repeatable SVG background patterns

• 
  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 · 27d ago · loficities.com

• 
  Smooth Recorder▲257

  Mac screen recordings that look edited when you hit stop

  Work · 21d ago · smoothrecorder.com

• 
  zCAD AI▲254

  AI 3D that creates real parts, not just shapes

  Work · 9d ago · zcad.ai

• 
  Figma Specs▲225

  A container for your context that lives on the Figma canvas

  Work · 6d ago · figma.com

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

  Work · 15d ago · readrare.com

• IM
  I'm an airline pilot – I built interactive graphs/globes of my flights▲1,539

  Hey HN! Pilots everywhere are required to keep a logbook of all their flying hours, aircraft, airports, and so on. Since I track everything digitally (some people still just use paper logbooks!), I put together some data visualizations and a few 3D globes to show my flying history. This globe is probably my favourite so far: https://jameshard.ing/pilot/globes/all If you’ve got ideas for other graphs or ways to show this kind of data, I’d love to hear them!

  Life & fun · 2025 · jameshard.ing

• 
  Chronicle: Cursor for Slides▲1,212

  Stunning presentations with AI. No design skills required.

  AI · 2025 · chroniclehq.com

• 
  Bubble for native mobile apps (beta)▲1,026

  Build native mobile apps for iOS and Android without code.

  Dev tools · 2025 · bble.io

• 
  Twenty▲989

  Build your Enterprise CRM with an AI-friendly SDK

  Dev tools · 2025 · twenty.com

• 
  Pally - AI Relationship Management▲949

  All your connections, across all your socials.

  AI · 2025 · pally.com

• 
  Workout.cool – Open-source fitness coaching platform▲827

  I was the main contributor to workout.lol, an open-source fitness app to easily build a workout routine. The project had traction (1.4k GitHub stars, 95 forks, ~20K visits/month), but was eventually sold due to video licensing hurdles. The new owner stopped maintaining it, and the repo went abandoned. Over the next 9 months, I sent 15 emails to try to save it : no replies. Feature requests & issues were ignored. The community was left with a "broken" tool let's say. I couldn't just let it die So I built the new version from scratch with the same open-source spirit, but a better…

  Dev tools · 2025 · github.com