Framer text components

Bring your content to life with Framer Text Components. These fully customizable text elements allow you to create visually appealing typography that fits your brand’s style. Whether it’s headings, paragraphs, or callouts, Framer Text Components ensure your messaging stands out with clarity and impact.

Number counter

Number only

With prefix

With suffix

Decimal

140

Number only

With prefix

With suffix

Decimal

140

Number only

With prefix

With suffix

Decimal

140

Counter setting options

Type

Type

Type

Description

Description

Description

Font

Font

Font

The font, font weight, font size, and color are fully customizable, optional, and unrestricted. Each breakpoint can be edited independently.

The font, font weight, font size, and color are fully customizable, optional, and unrestricted. Each breakpoint can be edited independently.

The font, font weight, font size, and color are fully customizable, optional, and unrestricted. Each breakpoint can be edited independently.

Number

Number

Number

The starting and ending numbers are optional and unrestricted.

The starting and ending numbers are optional and unrestricted.

The starting and ending numbers are optional and unrestricted.

Prefix / Suffix

Prefix / Suffix

Prefix / Suffix

Optional, with the ability to use any keyboard characters. Fonts and colors are fully customizable, independent of the number settings.

Optional, with the ability to use any keyboard characters. Fonts and colors are fully customizable, independent of the number settings.

Optional, with the ability to use any keyboard characters. Fonts and colors are fully customizable, independent of the number settings.

Gap size

Gap size

Gap size

0 — 100

0 — 100

0 — 100

Speed (ms)

Speed (ms)

Speed (ms)

0 — 2000

0 — 2000

0 — 2000

Additional settings

Additional settings

Additional settings

Loop animation (on/off), Replay (on/off), Viewport start (on/off)

Loop animation (on/off), Replay (on/off), Viewport start (on/off)

Loop animation (on/off), Replay (on/off), Viewport start (on/off)

Typewriter

Typewriter setting options

Type

Type

Type

Description

Description

Description

Tag

Tag

Tag

H1 / H2 / H3 / p

H1 / H2 / H3 / p

H1 / H2 / H3 / p

Font

Font

Font

The font, font weight, font size, and color are fully customizable, optional, and unrestricted. Each breakpoint can be edited independently.

The font, font weight, font size, and color are fully customizable, optional, and unrestricted. Each breakpoint can be edited independently.

The font, font weight, font size, and color are fully customizable, optional, and unrestricted. Each breakpoint can be edited independently.

Cursor

Cursor

Cursor

Optional, with the ability to use any keyboard characters. Color is fully customizable, independent of the number settings.

Optional, with the ability to use any keyboard characters. Color is fully customizable, independent of the number settings.

Optional, with the ability to use any keyboard characters. Color is fully customizable, independent of the number settings.

Pause

Pause

Pause

0 — unlimited

0 — unlimited

0 — unlimited

Delay

Delay

Delay

0 — unlimited

0 — unlimited

0 — unlimited

Additional settings

Additional settings

Additional settings

Autoplay (yes/no), Per word (yes/no), Loop (yes/no)

Autoplay (yes/no), Per word (yes/no), Loop (yes/no)

Autoplay (yes/no), Per word (yes/no), Loop (yes/no)

Note 1: To keep multiple words together in a sentence, use a non-breaking space (nbsp) — (Option + Space)

Note 2: This component is created by Blitz.

Animated text

Framer UI libraryFramer UI library
Framer UI libraryFramer UI library
Framer UI libraryFramer UI library
by Design Freaks,by Design Freaks,
by Design Freaks,by Design Freaks,
by Design Freaks,by Design Freaks,
for design freaks.for design freaks.
for design freaks.for design freaks.
for design freaks.for design freaks.

Animated text setting options

Type

Type

Type

Description

Description

Description

Text

Text

Text

Optional including alignment method

Optional including alignment method

Optional including alignment method

Font

Font

Font

Optional settings include font size, font weight, and font family, all of which can be adjusted independently for each breakpoint.

Optional settings include font size, font weight, and font family, all of which can be adjusted independently for each breakpoint.

Optional settings include font size, font weight, and font family, all of which can be adjusted independently for each breakpoint.

Color

Color

Color

Ability to define a primary (default) color and a secondary (final) color.

Ability to define a primary (default) color and a secondary (final) color.

Ability to define a primary (default) color and a secondary (final) color.

Duration (s)

Duration (s)

Duration (s)

0.1 — 10

0.1 — 10

0.1 — 10

Delay (s)

Delay (s)

Delay (s)

0 — 10

0 — 10

0 — 10

Replay

Replay

Replay

Yes / No

Yes / No

Yes / No

Date & Time

07:33:04 AM
07:33:04 AM
07:33:04 AM
March.13.2025
March.13.2025
March.13.2025
March.13.2025, 07:33:05 AM
March.13.2025, 07:33:05 AM
March.13.2025, 07:33:05 AM

Date & Time component setting options

Type

Type

Type

Description

Description

Description

Font

Font

Font

Optional settings include font size, font weight, and font family, all of which can be adjusted independently for each breakpoint.

Optional settings include font size, font weight, and font family, all of which can be adjusted independently for each breakpoint.

Optional settings include font size, font weight, and font family, all of which can be adjusted independently for each breakpoint.

Color

Color

Color

Optional

Optional

Optional

Timezone

Timezone

Timezone

Optional

Optional

Optional

Time / Date / Month / Day / Year

Time / Date / Month / Day / Year

Time / Date / Month / Day / Year

Display optional

Display optional

Display optional

Hours / Minutes / Seconds

Hours / Minutes / Seconds

Hours / Minutes / Seconds

Display optional

Display optional

Display optional

AM / PM

AM / PM

AM / PM

Display optional

Display optional

Display optional

Local time

Local time

Local time

Optional

Optional

Optional

Prefix / Suffix

Prefix / Suffix

Prefix / Suffix

Optional

Optional

Optional

Prefix / Suffix color

Prefix / Suffix color

Prefix / Suffix color

Optional

Optional

Optional

Last updated on February 3, 2025

©2025, Framer Toys by Design Freaks

©2025, Framer Toys by Design Freaks

©2025, Framer Toys by Design Freaks

Search Docs...

Search Docs...