Flex UI library for Figma

What it does

Use ready-made sections and low-level elements in the free Figma UI library to create amazing projects. Integrate them with Shuffle Editor to get Tailwind CSS components and speed up your developer's work.

• 
  TailGrids2022 · tailgrids.com · ▲404

  Tailwind CSS Component Library and UI Kit

• 
  FlowBite Figma2021 · flowbite.com · ▲241

  Figma UI kit built for integration with Tailwind CSS

• 
  Figma Component Library2022 · amigosdeblancas.org · ▲374

  Find and copy free Figma components in one place

• 
  Tailframes Figma2024 · figma.com · ▲12

  Free UI Kit and Design System for React & Talwind CSS

• 
  20+ Free Tailwind CSS & React Blocks2024 · material-tailwind.com · ▲184

  Fully coded UI sections with designer file included

• 
  Figma to Tailwind CSS2023 · figma-to-tailwind-css.com · ▲150

  Convert Figma designs into Tailwind CSS code in 1 click

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

  A container for your context that lives on the Figma canvas

  Work · 2d 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