BrowserFun
New GamesCategoriesView All
© 2026 BrowserFun. All rights reserved.
Privacy PolicyTerms & ConditionsCookie PolicyDisclaimer
  1. Home
  2. Tools
  3. Shape Sorter

Shape Sorter

Drag circles, squares, triangles, and rectangles into their matching outline slots in this fun shape-sorting game. Race the clock or sort shapes across 8 classic rounds — great for early geometry and shape recognition!

GameGeometryPre-KKindergarten1st Grade
Shape Sorter - Drag circles, squares, triangles, and rectangles into their matching outline slo

How to Play Shape Sorter

  1. 1

    Choose Difficulty and Mode

    Easy uses circles and squares (2 shapes). Medium adds a triangle (3 shapes). Hard uses all four shapes. Then pick Classic Rounds (8 rounds) or 60-Second Rush.

  2. 2

    Identify the Outline Slots

    Dashed outline shapes appear in the top area — these are your targets. Each outline shows the shape type it needs: a dashed circle waits for the orange circle, a dashed square for the blue square, and so on.

  3. 3

    Drag Each Shape to Its Slot

    Press and hold a colored shape at the bottom, drag it up to the matching outline, and release. If correct, the shape snaps in and the slot glows green. A wrong slot flashes red and the shape returns.

  4. 4

    Fill All Slots to Advance

    Once every outline is filled, the round clears and a fresh set of shuffled slots and shapes appears. In Classic Rounds mode, advance through all 8 rounds; in Rush mode, keep going until the timer hits zero.

Key Features

  • Four Classic Shapes

    Sort circles, squares, triangles, and rectangles — each with its own color — into the correct dashed outline slot. Difficulty controls whether you sort 2, 3, or all 4 shape types per round.

  • Drag-and-Drop on Any Device

    Drag shapes with your mouse on desktop or with your finger on a touchscreen. Pointer capture ensures smooth dragging even when the pointer moves quickly outside the shape.

  • Classic Rounds Mode

    Work through 8 rounds, sorting all shapes in each round to advance. Your final score and accuracy are shown at the end — try to top your personal best!

  • 60-Second Rush Mode

    A 60-second countdown runs while you sort as many shapes as you can. New rounds start automatically when all slots are filled, keeping the pressure on until time runs out.

What is Shape Sorter?

Shape Sorter is a drag-and-drop geometry game where players match solid colored shapes to their corresponding dashed outlines. Recognizing and naming two-dimensional shapes — circles, squares, triangles, and rectangles — is a foundational early math skill introduced in kindergarten and reinforced through second grade. By pairing each shape with a distinct color and providing immediate visual feedback (green glow for correct, red bounce for wrong), the game builds confident shape recognition through play. The drag-and-drop mechanic works seamlessly on both touchscreens and desktop mice, making it accessible on any device.

Why Play Shape Sorter?

  • 1

    Builds Early Geometry Foundations

    Matching shapes to outlines reinforces the identifying properties of each shape — the roundness of a circle, the equal sides of a square, the three points of a triangle, and the elongated rectangle — without requiring vocabulary yet.

  • 2

    Fine Motor Practice with Drag-and-Drop

    Dragging shapes across the screen develops fine motor control and hand-eye coordination, skills equally important for handwriting and early computer use.

  • 3

    Instant Feedback Reinforces Learning

    Green glows and red bounces give immediate feedback, allowing players to self-correct in real time. No score penalty for wrong attempts keeps the experience low-pressure and encouraging.

  • 4

    Scalable Difficulty for Different Ages

    Easy mode with 2 shapes suits toddlers and preschoolers; Hard mode with all 4 shapes and shuffled layouts challenges early elementary students to sort quickly and accurately.

Frequently Asked Questions

What shapes are in the game?

The game uses four shapes: circle (orange), square (blue), triangle (green), and rectangle (purple). Easy difficulty uses circles and squares only. Medium adds the triangle. Hard uses all four.

How does dragging work on a touchscreen?

Press and hold a shape with your finger, drag it to the matching outline, and lift your finger. The game uses pointer capture so the shape follows your finger smoothly even across the screen.

What happens if I drop a shape in the wrong slot?

The wrong slot flashes red for a moment, and the shape returns to its starting position. There is no score penalty — just try again! This keeps the game encouraging for young learners.

How is the score calculated?

Each correct placement scores 10 points. In Classic Rounds mode the maximum is 10 × total shapes placed across 8 rounds. In 60-Second Rush, score as many points as possible before time runs out.

What is the difference between Classic Rounds and 60-Second Rush?

Classic Rounds gives you 8 rounds to sort shapes at your own pace, with your final score shown at the end. 60-Second Rush runs a continuous timer — rounds auto-advance until the 60 seconds expire, rewarding speed and accuracy together.

Related Tools

GameAll →

🃏 24 Game 🃏

The classic 24 card game! Given 4 random numbers, combine them using +, −, ×, ÷ to reach exactly 24. Every number must be used exactly once. Choose your difficulty (1–6, 1–9, or 1–13), build a streak, and beat your best time!

🔢 Sudoku 🔢

Classic 9×9 Sudoku with four difficulty levels — Easy, Medium, Hard, and Expert. Features a live timer, mistake counter, pencil notes, and 3 hints per puzzle. Beat your best time!

🧩 MathDoku 🧩

A KenKen-style arithmetic puzzle! Fill the grid with 1–N so every row and column contains each number exactly once. Each outlined cage must equal its target value using addition, subtraction, multiplication, or division. Choose from 4×4, 5×5, or 6×6 grids.

2D Shape Explorer

Identify 2D shapes like triangles, squares, pentagons, hexagons, and more by counting their sides and corners. Features colorful SVG shapes, multiple question types (name, sides count, corners count), and three difficulty levels.

Acronym Generator

Turn any word into a creative acronym expansion! Pick a word from 42 preset options across 6 categories — or type your own — then fill in a word for each letter to build your unique acronym. Compare your creation with a built-in fun alternative.

Acrostic Puzzle – Solve Clues to Reveal a Hidden Phrase

Play acrostic puzzles where you solve word clues and the first letters of each answer spell out a hidden phrase. Features five categories, three difficulty levels, and a hint system.

GeometryAll →

2D Shape Explorer

Identify 2D shapes like triangles, squares, pentagons, hexagons, and more by counting their sides and corners. Features colorful SVG shapes, multiple question types (name, sides count, corners count), and three difficulty levels.

Angle Estimator Game

Train your eye for geometry! An angle is drawn on screen using two rays from a common vertex. Estimate the angle in degrees, then lock in your answer. The closer your guess, the higher your score — within 2° earns a perfect bullseye!

Color & Shape Match

A gentle introduction to classification and sorting! Match objects by color, shape, or both. Find the card that follows the rule — from easy single-attribute sorting to tricky two-attribute matching with near-miss distractors.

Free Online Triangle Calculator

Calculate triangle sides, angles, area, and perimeter using our advanced triangle calculator. Supports SSS, SAS, ASA, AAS, and SSA methods with step-by-step solutions and interactive visualization.

Geometry: Angles — High School Math Quiz

Find missing angles and apply key theorems — pick the correct answer from four choices. 45 problems across three tiers: Geometry I (complementary, supplementary, vertical, linear pair, triangle sum), Geometry II (parallel line angle pairs, polygon interior sums, inscribed angle theorem), and Advanced (multi-step proofs, circle chord angles, exterior angle formulas, cyclic quadrilaterals).

Guess the Formula

You're shown a table of x → y pairs — your job is to identify which of four formulas generated the data. Study the numbers, spot the pattern (linear, quadratic, exponential, modulo?), and select the correct formula before time runs out. On Medium and Hard difficulties you can also 'probe' additional x values to gather more evidence.

Pre-KAll →

2D Shape Explorer

Identify 2D shapes like triangles, squares, pentagons, hexagons, and more by counting their sides and corners. Features colorful SVG shapes, multiple question types (name, sides count, corners count), and three difficulty levels.

Add the Animals

2 cats + 3 cats = ? Count adorable animal emoji to solve addition problems up to 10. A visual and engaging way for young learners to practice adding numbers through counting.

Clock Tap

A clock face shows a time — pick the matching digital time from four choices. Covers whole hours, half hours, and quarter hours with a clear analog clock display featuring hour and minute hands.

Coin Counter

Drag or tap pennies, nickels, dimes, and quarters into a piggy bank to make exact target amounts! Three difficulty levels introduce money concepts step by step — from 1–10¢ with just pennies and nickels, up to 50¢ with all four US coin types.

Color & Shape Match

A gentle introduction to classification and sorting! Match objects by color, shape, or both. Find the card that follows the rule — from easy single-attribute sorting to tricky two-attribute matching with near-miss distractors.

Count the Objects

A colorful counting game where you count cartoon emoji items and tap the right number. Perfect intro to counting 1–20 for young learners.