Captions
Compositions
Core Primitives
Transitions
Typography
- Blur Reveal
- Staggered Fade Up
- Masked Slide Reveal
- Tracking In
- Inline Highlight
- Marker Highlight
- Shimmer Sweep
- Typewriter
- Text Fade Replace
- Slot Machine Roll
- Infinite Marquee
- Perspective Marquee
- Matrix Decode
- RGB Glitch Text
- Strikethrough Replace
- Blur Out Up
- Bottom Up Letters
- Top Down Letters
- Per Character Rise
- Soft Blur In
- Micro Scale Fade
- Scale Down Fade
- Focus Blur Resolve
- Spring Scale In
- Line by Line Slide
- Mask Reveal Up
- Short Slide Right
The framecn registry ships Editframe-based video components and themes in the shadcn registry format. Register the namespace once in components.json, then pull items by name with the CLI.
Setup
Add a registries entry for this site. See the shadcn registry documentation for all components.json fields and behaviors.
{
"registries": {
"@framecn": "https://framecn.dev/r/{name}.json"
}
}You can replace @framecn with another namespace; it only needs to match what you pass to shadcn add.
Usage
Install a UI component using the namespace and the item name (same as the JSON file under /r/ without .json):
$ pnpm dlx shadcn@latest add @framecn/cursor-flow
Without a registry alias, use the full URL (as on each docs page):
$ pnpm dlx shadcn@latest add https://framecn.dev/r/badge.json