Fonts & Layouts

What it does

Fonts & Layouts is collection web layout templates inspired by amazing free fonts. In this collection you will find 50 layouts and 70 fonts with link where you can download it.

• 
  Web Page Design2022 · tomundjerrylauf.at · ▲141

  A collection of free web templates for Figma and Adobe XD

• 
  Figma Templates2022 · ▲194

  Get free design assets for your projects

• 
  Figma Fonts Lookbook2020 · figma.com · ▲79

  A curation of lesser known specimens available to everyone

• 
  Ballpark Research Template Library2022 · ballparkhq.com · ▲111

  30+ templates for UX research, surveys and Figma prototypes

• 
  Craft Systems2023 · craftsystems.xyz · ▲103

  A collection of free Figma kits

• 
  Full iOS 15 UI Kit 2021 · despoth.gumroad.com · ▲98

  Design System for mobile apps creators in Figma

• 
  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▲222

  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

• IM
  I made a web game called Almost Pong▲1,135

  Hi HN! I made many small web games in the past with Unity or Phaser. But this time I wanted to make something completely on my own. So I coded a basic game framework in plain JavaScript, and used it to make Almost Pong. This was a really fun project that taught me a lot about JavaScript, and I plan to make more minimalist games with this framework. Interesting fact: Almost Pong doesn't load any assets, all sprites and sounds are generated with code. Happy to answer questions, and please let me know if you have any feedback on the game. Thanks!

  Dev tools · 2022 · lessmilk.com

• IM
  I'm writing a free book called Computer Networks from Scratch▲792

  Life & fun · 2022 · networksfromscratch.com

• HA
  HN Avatars in 357 bytes▲701

  Paste the following into the console of any HN page - for annotated avatars on all HN comments. (self contained code) for(u of document.querySelectorAll('.hnuser'))for(u.prepend(c=document.createElement('canvas')),x=c.getContext('2d'),c.width=18,c.height=14,s=u.innerText,r=1,i=28+s.length;i--;i>>29>X*X/3+Y/2&&x.fillRect(6+2*X,2*Y,2,2)&x.fillRect(6-2*X,2*Y,2,2):r+=s.charCodeAt(i-28,x.fillStyle='#'+(r>>8&0xFFFFFF).toString(16)))r^=r>>17,r^=r>2

  Dev tools · 2022

• 
  Tome Beta▲697

  The storytelling tool for work

  Work · 2022 · tome.app

• 
  Kairn▲694

  Regain control over your days

  Dev tools · 2022

• 
  A game that tests how well you know your local area▲654

  How well do you know your area? Test your knowledge by locating streets on a map.

  Work · 2022 · backofyourhand.com