Mockup

Grammar-Colored Word Tiles

Each word reveals its grammatical role on hover. The color helps students understand sentence structure while they figure out the correct word order.

Grammar Role Colors

Subject
Verb
Object
Adverb
Time
Place

Sentence 1

Correct: He usually plays basketball at the weekend

basketball
Object
He
Subject
at the weekend
Time
plays
Verb
usually
Adverb

Sentence 2

Correct: She always drinks coffee in the morning

in the morning
Time
drinks
Verb
She
Subject
coffee
Object
always
Adverb

Sentence 3

Correct: They sometimes go to the park after school

go
Verb
after school
Time
They
Subject
to the park
Place
sometimes
Adverb

Design Notes

  • - Colors only appear on hover (or toggle "Show all colors")
  • - The role label floats above the tile on hover
  • - Multi-word phrases ("at the weekend") are a single tile
  • - Locked (correct) tiles could keep their blue background + a small colored dot
  • - Could be toggled off entirely for advanced students who want no scaffolding