Your Ultimate Code Playground

Discover and share code snippets, Tailwind & React & Shadcn components, HTML & CSS & Javascript and Adobe XD examples

Code Generators

Explore our collection of useful code generators to speed up your development workflow

Random Joke Generator

Random Joke Generator

Generate random jokes for fun

HSL Color Generator

HSL Color Generator

Create and explore beautiful HSL color combinations

Random Number Generator

Random Number Generator

Generate random numbers for your projects

CAPTCHA Generator

CAPTCHA Generator

Create secure and customizable CAPTCHA codes for form validation

Random Name Generator

Random Name Generator

Easily find creative and unique names for your projects

Random Color Generator

Random Color Generator

Instantly generate random hex colors with our easy-to-use tool

Digital Clock

Digital Clock

A simple digital clock that displays the current time

Random Cat Facts Generator

Random Cat Facts Generator

Discover fun and surprising facts about cats

Random Activity Generator

Random Activity Generator

Generate random activities for fun

Random User Generator

Random User Generator

Generate random users for your projects

Random Dog Image Generator

Random Dog Image Generator

Generate a new dog image instantly

Get Country Information

Get Country Information

Get information about countries with REST Countries api

CSS Tutorials

Learn CSS with our comprehensive examples and tutorials

CSS Lamp Icon

Create a stylish desk lamp animation with pure CSS

CSS Bully Target

CSS Bully Target

Design an interactive target animation with CSS transforms

CSS Furniture Design

CSS Furniture Design

Build a modern furniture showcase with CSS styling

CSS Mouse Icon

Create an animated mouse cursor icon using CSS

CSS Computer Icon

Design a minimalist computer icon with pure CSS

CSS Calendar Icon

Build a dynamic calendar icon with CSS animations

CSS Sun Icon

Create a glowing sun icon with CSS gradients and animations

CSS Netflix Logo

Recreate the Netflix logo animation using pure CSS

CSS Instagram Logo

Build the Instagram logo with CSS gradients

CSS Social Media Icons

CSS Social Media Icons

Design modern social media icons with hover effects

CSS Bird Icon

Create a flying bird animation with CSS keyframes

CSS Coffee Cup Icon

Design a steaming coffee cup icon with CSS animations

Adobe XD Tutorials

Beautiful and responsive form components built with Tailwind CSS

Adobe XD Heart Icon

Adobe XD Heart Icon

Create a beautiful heart icon design in Adobe XD

Using Font Awesome in Adobe XD

Using Font Awesome in Adobe XD

Learn how to integrate Font Awesome icons in Adobe XD

Adobe XD Pin Icon

Adobe XD Pin Icon

Design a location pin icon using Adobe XD tools

Adobe XD Coffee Cup Icon

Adobe XD Coffee Cup Icon

Create a stylish coffee cup icon in Adobe XD

Adobe XD Bullseye Target Icon

Adobe XD Bullseye Target Icon

How to make a bullseye target in Adobe XD ?

Adobe XD Pencil Icon

Adobe XD Pencil Icon

Design a creative pencil icon using Adobe XD

Adobe XD Modal Design

Adobe XD Modal Design

Create modern modal window designs in Adobe XD

Adobe XD Clock Icon

Design a clock icon using Adobe XD

Adobe XD Install Google Fonts

Adobe XD Install Google Fonts

Learn how to install Google Fonts in Adobe XD

Adobe XD Pokeball

Adobe XD Pokeball

How to create pokeball Adobe XD ?

Adobe XD Search Icon

Design a search icon using Adobe XD

Adobe XD Microphone Icon

Design a microphone icon using Adobe XD

Javascript Tutorials

Learn Javascript with our comprehensive examples and tutorials

Default Swiper Slider

Default Swiper Slider

Create a default swiper slider with this easy-to-use tool

Swiper Slider with Scrollbar

Swiper Slider with Scrollbar

Swiper Slider with Scrollbar enables smooth sliding with a visible scrollbar

Vertical Swiper Slider

Vertical Swiper Slider

The Vertical Swiper Slider offers smooth, interactive vertical scrolling for displaying content

Chrome Extensions

Learn how to build Chrome extensions with these guides

NPM Package Stats

NPM Package Stats

Track your npm package downloads and usage with NPM Stats Chrome extension

Chrome Extension Icon Generator

Generate Chrome extension icons with Chrome Extension Icon Generator

HTML Tags

HTML Tags

Get the HTML tags of a website with HTML Tags Chrome extension

Placeholder Image Generator

Placeholder Image Generator

Generate placeholder images with Placeholder Image Generator

Word Counter

Word Counter

Count the words on a page with Word Counter Chrome extension

Find All Links

Find All Links

Find all links on a page with Find All Links Chrome extension

Find & Download All Images

Find & Download All Images

Find and download all images on a page with Find & Download All Images Chrome extension

Website Favicon Finder

Find the favicon of a website with Website Favicon Finder Chrome extension

Hacker News Feeds

Hacker News Feeds

Get the latest news from Hacker News with Hacker News Feeds Chrome extension

Github Profile Finder

Find Github profiles with Github Profile Finder Chrome extension