30 seconds of code

In plain words

30 seconds of code is a collection of over 500 short code snippets covering JavaScript, Python, CSS, and React. Designed for developers of all skill levels, it serves as a learning resource for common development tasks. The project offers quick reference solutions that developers can use to solve problems or learn new techniques across multiple programming languages and frameworks.

written from the facts on this page · September 2026

From the sources

30 seconds of code is a learning resource for developers of all skill levels in the form of a large collection of 500+ short code snippets in JavaScript, Python, CSS and React. After two years of work, the project is relaunched with a brand new website.

Browse 694 coding articles to level up your coding skills on 30 seconds of code.

Browse articles by collection or check out the top picks and latest content below. Have you ever needed to cherry pick a GitHub commit that does not belong to any branch on this repository? Here's an easy way to do it. Forced pushes in shared branches are dangerous, but did you know there's a safer alternative? Did you set up a lot of Git aliases and forgot what they are? List them all with this command. Increase your productivity and reduce your cognitive load by creating aliases for many common git operations. A thesis on why magic abstractions are harmful to codebases and teams. A short experiment to see what vibe coding feels like and how far AI can take a project without writing any…from 30secondsofcode.org

• 
  30 seconds of code2018 · github.com · ▲252

  JS snippets that you can understand in 30 seconds or less.

• 
  30 Seconds of Knowledge2019 · 30secondsofknowledge.com · ▲254

  Don't let your engineering brain rot in the age of AI. 30 Seconds of Knowledge delivers one real code snippet on every new tab - read it, get it, stay sharp in 30 seconds.

• 
  30 seconds of C#2020 · github.com · ▲69

  Short C# code snippets for all your development needs

• 
  Quick Code2017 · coursesity.com · ▲437

  Curated list of free online programming courses

• 
  30 seconds of code2018 · github.com · ▲3

  Curated collection of useful JavaScript snippets

• 
  30 seconds of CSS2018 · atomiks.github.io · ▲7

  CSS snippets that you can understand in 30 seconds or less.

• 
  /dev/null▲481

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲341

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 27d ago · corespeed.io

• 
  MicroAcquire▲1,552

  A free & anonymous startup acquisition marketplace

  Commerce · 2020 · microacquire.com

• 
  YourStack▲1,251

  A new community for sharing the products you use and ❤️

  Life & fun · 2020 · yourstack.com

• 
  Become an Indie Hacker▲826

  The ultimate resource for starting profitable side projects

  Growth · 2020 · indiehackers.com

• IW
  I wrote a book for engineers that want to become engineering managers▲695

  Hey folks. Last year I was fortunate enough to sign a deal to write a book with my favorite technical publisher, The Pragmatic Bookshelf. When I started out as an Engineering Manager many years ago, I found that there wasn't a huge amount of material that specifically and practically helped me understand how to do my job. When you learn to program there's all of these amazing tutorials, examples and guides, but what was there for new managers? In response to this, a couple of years ago I started a blog over at https://www.theengineeringmanager.com which got a decent amount of…

  Work · 2020

• 
  Bannerbear▲652

  Auto-generate IG Stories, Pinterest Pins and more

  Growth · 2020 · bannerbear.com

• 
  byte▲604

  A new looping video app from the founder of Vine

  Growth · 2020