Free · open to use
Animated components from real templates
Buttons, links, accordions, marquees and more — the interactions that make our templates feel alive, redesigned in the shadcn/ui look so they fit any project.
$ npx shadcn@latest add https://framebrick.co/r/spring-button.jsonAll components
Showing projects as grid
Positioning, audience research and a clear voice, so every page speaks to the right people.
Layouts, type and motion designed together, tested at every screen size before a line of code.
Fast, accessible sites built on Next.js, with content your team can edit without a developer.
Scroll the page — the photo drifts inside the frame.
NorthwindLumenArcadiaKestrelHaldenOakmereNorthwindLumenArcadiaKestrelHaldenOakmere
1. Tied to scroll
Progress runs from the bottom of the viewport to the top of the block.
2. Reversible
Scroll back up and it plays backwards — no snapping, no easing.
94%
Projects delivered on time
78%
Clients who come back
62%
Traffic from organic search
Hover: labelHover: label + plus
Hover: ring
Need a whole site?
Every component comes from a real template
See them working together in complete websites you can remix in Framer or download as code.
Be the first to know
Get new templates and components first
One short email when we release a template or a free component. No spam — unsubscribe anytime.
We use your email only for Framebrick updates. Privacy policy
