Skip to main content
The Number Frame block displays an interactive counting frame (like a ten-frame or twenty-frame). Use it to demonstrate counting, number bonds, and place value concepts. This is a display block for teaching and demonstration. learners can view the frame and see how numbers are represented visually.
Number frames help learners visualize numbers as groups, building strong number sense and mental math strategies.

​
When to use Number Frame blocks

Number Frame blocks work well for:
  • Teaching counting and one-to-one correspondence
  • Demonstrating number bonds (e.g., 7 is 5 and 2 more)
  • Visualizing addition and subtraction
  • Building understanding of place value
  • Showing subitizing patterns (recognizing quantities without counting)

​
Settings

​
Frame settings

​
Rows
slider
default:"2"
The number of rows in the frame (1–10). A standard ten-frame has 2 rows.
​
Columns
slider
default:"5"
The number of columns in the frame (1–10). A standard ten-frame has 5 columns.
​
Square size
select
default:"md"
The size of each square in the frame:
  • Small: Compact squares
  • Medium: Standard size
  • Large: Larger squares for visibility
  • Huge: Extra large squares
  • Full: Maximum size

​
Display settings

​
Show frame border
switch
default:"true"
When enabled, displays a border around each cell in the frame.
​
Show count
switch
default:"false"
When enabled, displays the total count of filled squares.
​
Show numbers
switch
default:"false"
When enabled, displays numbers in each cell of the frame.

​
Configuring the frame

Select which squares are filled to represent your number. You can use counters or images to fill the squares.

​
Tips for teachers and parents

Best practices:
  • Use 2×5 frames (ten-frames) for foundational number sense
  • Fill from left to right, top to bottom to establish consistent patterns
  • Use the Show count option to reinforce the connection between visual and numeric
  • Create 2×10 frames (twenty-frames) for larger numbers
  • Use multiple frames to show addition or comparison
  • Hide numbers initially to encourage counting and subitizing