New Motus Studio template

and new components availables

Copy Paste or install via shadcn registry React blocks/components

Collection of UI blocks and components and templates to easly craft your website, interactive and animated, built for customization. built into the Shadcn CLI with no additional configuration required

react
typescript
tailwind
shadcn
motion
abla template
abla template

Components

Choose your component copy/past or install via shadcn registry

Scroll Reverse Animation

Scroll Trigger animations, that reverse animation of both gallery images and text in different range on scroll.

Sticky Cards Stack

Animated cards stack, displaying one card at a time overlaping the previous card.

Rotated Cards Stack

Stack of rotated cards show, rotate one element at a time.

Scroll Rotation Animation

Animated gallery images, with scroll triggered animations, rotates and translates on the Y axis on scroll.

Text Stagger Hover

Splitted text animation with staggered reveal triggered by hover gesture, You can easily customize by controlling the animation property (transform, opacity, blur) and the stagger value, and the transition.

Scroll X Carousel

Carousel that transforms on the x-axis, showing items depnding on the scroll position, with a progress indicator.

Curtain Reveal Card

Interactive card component with open curtain to see content on hover.

Story

Autoplay carousel similar to IG story.

Get in touch with the creator

Have a project ideas, or existing project you want to enhance/migrate or a question, suggestion, request ? Feel free to contact.