Component categories
Every Framer component on Depth, grouped by what it does. Pick a category to see everything in it.
Interactions
16
Components that respond to input: cursor trails and distortion, hover reveals, ripples, scratch and swipe gestures, toasts and notifications.
Carousels
6
Sliders and galleries for showing several images at once, from flat swipe stacks to 3D reels, spheres and scroll-driven rotations.
Typography
5
Text that moves. Staggered reveals, underline draws, glow that follows the cursor, and headline rotators.
Backgrounds
43
Full-bleed backdrops for heroes and sections — WebGL shaders, gradients, dithered and halftone textures, noise and glass. Most run in real time and react to the cursor.
Buttons
2
Small navigation controls, like returning to the top of a long page or stepping back to the previous one.
Sections
3
Larger building blocks that fill a whole strip of a page: tab layouts, project showcases and announcement bars.
Layout
2
Ways to arrange content in space, from an infinite scrollable canvas to circular 3D arrangements.
Utilities
12
Small pieces that do one useful job — live clocks, reading time, QR codes, cookie consent, dark mode switching, preloaders and smooth scrolling.
Data
2
Components that display live or counted values, such as visitor activity and animated number counters.
Navigation
3
Helpers for finding the way around a site — auto-generated breadcrumbs, a self-writing table of contents, and a custom logo menu.
Forms
0
Form fields and inputs. Nothing here yet — new pieces land in the changelog first.
CMS
1
Components that read from Framer collections, for showing counts and other derived values.
Embeds
0
Embedded third-party content. Nothing here yet — new pieces land in the changelog first.