30 seconds of code

Skip to content

Discover short code snippets for all your development needs.

Browse snippets by collection or check out our top picks and latest articles below.

• JavaScript
• CSS
• React Hooks
• JavaScript Algorithms
• Python
• Git
• JavaScript Interview Questions
• Node.js
• Explore collections

New & Popular Snippets

• 

  JavaScript · February 17, 2024

  Get the first or last date of a month using JavaScript

  Use the Date object and some clever tricks to get the first or last date of a month in JavaScript.

• 

  JavaScript · February 17, 2024

  Calculate the nth root of a number in JavaScript

  Use Math.pow() to calculate the nth root of a given number in JavaScript.

• 

  JavaScript · February 16, 2024

  Check if all values of a JavaScript array are equal

  Use the Array.prototype.every() method to check if all values of an array are equal in JavaScript.

• 

  JavaScript · February 16, 2024

  Arithmetic and geometric progression in JavaScript

  Create arrays of numbers in arithmetic and geometric progression.

• 

  JavaScript · February 16, 2024

  Calculate the ranking of a JavaScript array

  Calculate the ranking of an array based on a comparator function in JavaScript.

• 

  JavaScript · February 15, 2024

  Check if a numeric array is sorted in JavaScript

  Efficiently check if a numeric array is sorted in ascending or descending order in JavaScript.

• 

  JavaScript · January 5, 2024

  Get all unique values in a JavaScript array & remove duplicates

  Easily remove duplicates from a JavaScript array using the built-in Set object, and learn a few other tricks along the way.

• 

  JavaScript · August 17, 2021

  JavaScript Data Structures - Graph

  A graph is a data structure consisting of a set of vertices connected by a set of edges.

• 

  React · November 16, 2020

  Expandable object tree view

  Renders a tree view of a JSON object or array with collapsible content.

• 

  JavaScript · February 14, 2024

  Formatting numeric values in JavaScript

  Learn common number formatting operations, such as rounding, padding, optional decimal marks, currency, seconds, bytes, and more.

• 

  CSS · November 16, 2022

  Custom radio button

  Creates a styled radio button with animation on state change.

• 

  CSS · December 23, 2023

  How can I create a circular progress bar using only CSS?

  Circular progress bars are fairly common in the web. Luckily, some new CSS features make it easier than ever to create them.

Explore all snippets

Hello! 👋 I’m Angelos, a professional software engineer, based in Greece. I work on 30 seconds of code in my free time to create the best resource I’ve never had when I started out as a developer.

Sitemap

• Home
• Snippets
• Collections
• About
• FAQ
• RSS

Powered by

Netlify,

Astro &

GitHub
© 2017-2024

Angelos Chalaris. All rights reserved.

Start typing a keyphrase to see matching snippets.