# June 26, 2026 - Primitives, Transitions & Typography

19 new components across primitives, transitions, and typography categories.

> For the complete documentation index, see [llms.txt](/llms.txt). Markdown variants are available by appending `.md` to any URL or sending an `Accept: text/markdown` header. An agent skill is available at [/.well-known/agent-skills/site-skill.md](/.well-known/agent-skills/site-skill.md).

We added 19 new components across three categories.

**Primitives** — 3 new components: [backdrop](https://www.framecn.dev/docs/components/primitives/backdrop.md), [confetti](https://www.framecn.dev/docs/components/primitives/confetti.md), and [logo-enter](https://www.framecn.dev/docs/components/primitives/logo-enter.md).

**Transitions** — 4 new components: [fade-through](https://www.framecn.dev/docs/components/transitions/fade-through.md), [per-word-crossfade](https://www.framecn.dev/docs/components/transitions/per-word-crossfade.md), [shared-axis-y](https://www.framecn.dev/docs/components/transitions/shared-axis-y.md), and [shared-axis-z](https://www.framecn.dev/docs/components/transitions/shared-axis-z.md).

**Typography** — 12 new components: [blur-out-up](https://www.framecn.dev/docs/components/typography/blur-out-up.md), [bottom-up-letters](https://www.framecn.dev/docs/components/typography/bottom-up-letters.md), [focus-blur-resolve](https://www.framecn.dev/docs/components/typography/focus-blur-resolve.md), [line-by-line-slide](https://www.framecn.dev/docs/components/typography/line-by-line-slide.md), [mask-reveal-up](https://www.framecn.dev/docs/components/typography/mask-reveal-up.md), [micro-scale-fade](https://www.framecn.dev/docs/components/typography/micro-scale-fade.md), [per-character-rise](https://www.framecn.dev/docs/components/typography/per-character-rise.md), [scale-down-fade](https://www.framecn.dev/docs/components/typography/scale-down-fade.md), [short-slide-right](https://www.framecn.dev/docs/components/typography/short-slide-right.md), [soft-blur-in](https://www.framecn.dev/docs/components/typography/soft-blur-in.md), [spring-scale-in](https://www.framecn.dev/docs/components/typography/spring-scale-in.md), and [top-down-letters](https://www.framecn.dev/docs/components/typography/top-down-letters.md).