https://pro.motion-primitives.com/templates

https://motion-primitives.com/docs/scroll-progress

https://motion-primitives.com/docs/text-morph

https://motion-primitives.com/docs/dialog

https://motion-primitives.com/docs/text-shimmer-wave

https://motion-primitives.com/docs/glow-effect

https://motion-primitives.com/docs/image-comparison

https://www.ibelick.com/lab/subtle-3d-carousel

https://motion-primitives.com/docs/morphing-popover

https://motion-primitives.com/docs/text-shimmer

UI kit to make beautiful, animated interfaces, faster. Open-source and customizable.

Motion-Primitives

https://motion-primitives.com/docs/sliding-number

motion-primitives.com/docs/infinite-slider

https://motion-primitives.com/docs/cursor

motion-primitives.com/docs/animated-background

https://motion-primitives.com/docs/text-roll

motion-primitives.com/docs/transition-panel

https://motion-primitives.com/docs/text-loop

https://motion-primitives.com/docs/progressive-blur

motion-primitives.com/docs/animated-group

https://motion-primitives.com/docs/disclosure

https://motion-primitives.com/docs/text-effect

https://motion-primitives.com/docs/border-trail

https://motion-primitives.com/docs/magnetic

https://motion-primitives.com/docs/in-view

Introducing Nim,
the first motion-primitives template.

A minimal personal website with an MDX blog and animated components.

Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.

https://pro.motion-primitives.com/templates

Tilt component

motion-primitives.com/docs/tilt

Animated Scroll Progress now live on motion-primitives

https://motion-primitives.com/docs/scroll-progress

Introducing Text Morph:  
Animates text by morphing shared letters between words. 

https://motion-primitives.com/docs/text-morph

New Dialog component for motion-primitives.

https://motion-primitives.com/docs/dialog

Spinning Text 

code: motion-primitives.com/docs/spinning-…

Text shimmer wave.

Easily customize the wave effect, spread, duration, and more.

https://motion-primitives.com/docs/text-shimmer-wave

Glow effect: a customizable gradient animated component with multiple modes and simple controls

https://motion-primitives.com/docs/glow-effect

New Accordion component for motion-primitives.

motion-primitives.com/docs/accordion

Image Comparison: Customize spring, slider, and more

https://motion-primitives.com/docs/image-comparison

Subtle 3D carousel

https://www.ibelick.com/lab/subtle-3d-carousel

Morphing Popover

https://motion-primitives.com/docs/morphing-popover

Text Shimmer

https://motion-primitives.com/docs/text-shimmer

I'll miss posts.cv and read.cv. 
If you want to stay connected, I’m on X at x.com/ibelick.

My current projects: prompt-kit.com and motion-primitives.com
My code: github.com/ibelick
Personal site: ibelick.com

See you!

Sliding Number

https://motion-primitives.com/docs/sliding-number

Introducing Motion-Primitives Pro: building blocks to help you build a beautiful website, faster.

Pre-order for early access to over 50+ beautiful building blocks, sections and templates at a significant discount.

Available January 2025.

https://pro.motion-primitives.com/

Nice effect with Motion-Primitives by combining Tilt and Spotlight components, simple as this

<Tilt>
  <Spotlight>
    ...
  </Spotlight>
</Tilt>

New Infinite Slider component. Change speed on hover, vertical or horizontal layout.

 code here: motion-primitives.com/docs/infinite-slider

Introducing Cursor component for motion-primitives

https://motion-primitives.com/docs/cursor

Just added Animated background to motion-primitives!

Now in the documentation with examples.

motion-primitives.com/docs/animated-background

Introducing Motion-Primitives: a foundational library of motion components that you can easily integrate into your apps.

It's currently in early beta, expect significant updates and many more components soon!

motion-primitives.com

Introducing Text Roll for motion-primitives.

Rotates each character of your text, customize variants, transitions, and more.

https://motion-primitives.com/docs/text-roll

Just added Transition Panel to motion-primitives

motion-primitives.com/docs/transition-panel

Text Loop

https://motion-primitives.com/docs/text-loop

Progressive blur.

Create layered blur effects with adjustable direction, intensity, and motion props.

https://motion-primitives.com/docs/progressive-blur

Animated Group, easily animate lists, grids,  and collections with presets or custom variants.

motion-primitives.com/docs/animated-group

Disclosure component is now live!

https://motion-primitives.com/docs/disclosure

Popover slide selector

ibelick.com/lab/popover-sl…

Text Effect component now live on motion-primitives

https://motion-primitives.com/docs/text-effect

Spotlight component: easily create a classic spotlight effect that follows the cursor

motion-primitives.com/docs/spotlight

Gooey menu, made with SVG filters, linear() easing, and Tailwind CSS  

https://www.ibelick.com/lab/gooey-menu

Meet Noir:
A minimal dark theme SaaS landing page template.

Built with Next.js 15, Tailwind CSS v4, and Motion.

https://pro.motion-primitives.com/templates

Motion-Primitives Pro is live.

Build delightful websites faster with a growing collection of motion components, sections, and templates.

pro.motion-primitives.com

Quick demo of what’s inside:

Text Morph in action

motion-primitives.com/docs/text-morph

Introducing prompt-kit

A set of high-quality, customizable components for building AI interfaces.

https://prompt-kit.com/

Text effect updated: new props to make it easier to control the speed

https://motion-primitives.com/docs/text-effect

Just added Border Trail to motion-primitives.

An animated border that adapts to any container, easy to stylize, update the transition, and more.

https://motion-primitives.com/docs/border-trail

Magnetic, with easy customization for range, intensity, action area, and more!

https://motion-primitives.com/docs/magnetic

Text Scramble: Easy customization for duration, speed, custom trigger and character set

motion-primitives.com/docs/text-scramble

New Dock component available!

https://motion-primitives.com/docs/dock

New InView component added to motion-primitives. 

Easily trigger animations when elements are in the viewport

https://motion-primitives.com/docs/in-view

Posts