Level 1 — Rookie

Number Generator

Start

Generate a random number between 1 and 100.

#FF5733

Color Generator

Start

Generate random colors with automatic contrast detection.

A1b2C3

String Generator

Start

Generate a random alphanumeric string.

Gradient Generator

Start

Generate a random gradient to visualize color schemes.

Celsius

⇅

Fahrenheit

Temperature Converter

Start

Convert temperatures between Celsius and Fahrenheit in real time.

Age Calculator

Start

Calculate your exact age in years, months, and days from any birth date.

Coin Flipper

Start

Flip a coin and see if it lands on heads or tails.

No notes yet

Note Keeper

Start

Add, remove, and save notes with localStorage persistence.

🔌

Light Bulb

Start

Toggle a light bulb on and off with a click.

😊

Happy

Mood Board

Start

Select your mood from a collection of emoji expressions.

Traffic Light

Start

A red-yellow-green traffic light simulator.

Share this page:

Share Buttons

Start

Click social share buttons with animation feedback.

HTML structures content on the web using elements like headings, paragraphs, and links.

CSS styles HTML elements with colors, layouts, fonts, and responsive designs.

JavaScript adds interactivity, animations, and dynamic behavior to web pages.

A framework provides a structured foundation to build applications faster and more reliably.

Accordion

Start

A collapsible accordion component for showing and hiding content.

Level 2 — Novice

Light Mode

Theme Switcher

Start

Toggle between light and dark themes.

Counter App

Start

Interactive counter with increment, decrement, and reset.

Learn HTML
Learn CSS
Learn JS

Todo List

Start

Add, remove, and manage your tasks.

Palindrome Checker

Start

Check if a word or phrase reads the same forwards and backwards.

A: 0

E: 0

I: 0

O: 0

U: 0

Total: 0

Vowel Counter

Start

Count the number of vowels in any text you type.

Characters

Words

Lines

No Spaces

Character Counter

Start

Count characters, words, lines, and characters without spaces in real time.

Result: 1

Dice Roller

Start

Roll a virtual die and get a random number from 1 to 6.

“The best way to predict the future is to create it.”

— Unknown

Random Quote

Start

Get inspired with random quotes from famous developers.

#ef4444

Color Picker

Start

Pick colors from a palette and see the hex code.

Attempts: 0

Guess a number between 1 and 100

Number Guessing Game

Start

Guess a random number between 1 and 100.

Blue

Color Flipper

Start

Click to flip through a palette of random colors.

Chars

Words

Lines

Text Area Counter

Start

Live character, word, and line count as you type.

18 resultados

Manzana
Banana
Cereza
Durazno
Fresa
Granada
Kiwi
Lima
Mango
Naranja
Papaya
Pera
Piña
Plátano
Sandía
Toronja
Uva
Zapote

Filter List

Start

A live search filter that dynamically filters a list of items.

Level 3 — Pro

Calculator

Start

A fully functional calculator with basic operations.

04:35:17PM

Saturday, July 11, 2026

Digital Clock

Start

A live digital clock with real-time updates.

Bill Amount

Tip: 15%

0%30%

Tip Amount:$7.50

Total:$57.50

Tip Calculator

Start

Calculate tips easily with a slider and real-time updates.

Total: $0.00

Expense Tracker

Start

Add, remove, and track your daily expenses.

→

Unit Converter

Start

Convert between different units of length and weight.

BMI Calculator

Start

Calculate your Body Mass Index and see your weight category.

00:00.00

Stopwatch

Start

A full-featured stopwatch with start, pause, lap, and reset.

🏔️

🏔️ Mountain

Image 1 of 5

Image Gallery

Start

Browse through a collection of images with prev/next and dot navigation.

StartEnd

linear-gradient(to right, #6366f1, #ec4899)

Gradient Builder

Start

Build CSS gradients with a live preview editor.

<div class="greeting">
  <h1>Hello World!</h1>
  <p>Welcome to coding</p>
</div>

Code Snippet Viewer

Start

Browse code snippets with tabbed language views.

Click a button to show a toast

Toast Notifications

Start

Trigger success, error, info, and warning toast messages.

HTML structures web pages with elements like headings, paragraphs, and divs.

Tabbed Content

Start

Switch between content panels with clickable tabs.

Spinner

Start

A collection of animated loading spinners with different animation types.

Level 4 — Master

Turn: X

Tic-Tac-Toe

Start

Play the classic Tic-Tac-Toe against a friend.

Question 1 of 3

What does HTML stand for?

Quiz App

Start

Test your knowledge with an interactive quiz.

Moves: 0

Memory Game

Start

Match pairs of emojis and test your memory.

Rock Paper Scissors

Start

Play the classic Rock, Paper, Scissors against the computer.

Simon Says

Start

Test your memory by repeating the Simon Says color pattern.

Hangman

Start

Guess the hidden word before the hangman is complete!

Pixel Art Maker

Start

Create pixel art on an 8x8 grid with a palette of colors.

HTML stands for HyperText Markup Language. It is the standard language for creating web pages and web applications.

CSS stands for Cascading Style Sheets. It describes how HTML elements are to be displayed on screen.

JavaScript is a programming language that enables interactive web pages. It runs in the browser.

React is a JavaScript library for building user interfaces, maintained by Facebook.

FAQ Accordion

Start

Expand and collapse FAQ items with smooth accordion behavior.

Click to rate

Star Rating

Start

Rate with a clickable 5-star widget.

≡ HTML

≡ CSS

≡ JavaScript

≡ React

≡ Next.js

Drag & Drop List

Start

Reorder items by dragging and dropping.

Progress Bar

Start

An animated progress bar with start, pause, and reset.

☀️

Light Mode

Toggle Switch

Start

A custom animated toggle switch with light/dark mode.

reactcssjs

Tag Input

Start

A tag input component for adding and removing tags with keyboard and button support.

Level 5 — Ninja

Focus Time

25:00

Pomodoro Timer

Start

Stay productive with focus and break intervals.

Minutes

Countdown Timer

Start

Set a custom countdown and watch it tick down.

The quick brown fox jumps over the lazy dog

Typing Speed Test

Start

Test how fast you can type with live WPM and accuracy tracking.

Click Generate

Length: 12

Password Generator

Start

Generate secure passwords with custom length and character options.

Try: London, Paris, Tokyo, Dubai...

Weather Dashboard

Start

Search any city to see mock weather data including temperature, humidity, and wind.

JSON Formatter

Start

Format, minify, and validate JSON with syntax highlighting.

Hello!

Bold and italic.

List item 1

List item 2

Blockquote

inline code

Markdown Preview

Start

Type markdown in a text area and see the rendered HTML preview in real time.

Drawing Pad

Start

Draw freely on a canvas with a selection of colors.

Analog Clock

Start

A real-time analog clock drawn on canvas.

Jul 2026

Calendar

Start

An interactive date picker calendar with month navigation.

Typewriter Effect

Start

Text that types itself character by character.

Sample Text

TextBg

14.68:1

AA ✅AAA ✅

Contrast Checker

Start

Check WCAG contrast ratios between text and background colors.

etacr

Pista: Biblioteca de UI de JavaScript

Word Scramble

Start

Unscramble the letters to guess the word with hints and scoring feedback.