Claude Designerer
FeaturesBenefits
TutorialsProductsDesign Tips
Start Designing
Back to Products
Design Assets
$39.00USD
Preparing files
Coming Soon

Will be available for purchase and download after launch, stay tuned

FormatReact / Lottie JSON / Figma
Files80
LanguageEnglish
Versionv1.1
#motion#framer-motion#lottie#animation#react
Design AssetsSaaS

UI Motion & Transition Library

80+ production-ready motion presets for Framer Motion and Lottie — page transitions, micro-interactions, loading states, and scroll-based animations. Copy-paste React components included.

What's Included

50 Framer Motion React components
30 Lottie JSON files
Figma motion spec document
Motion principles PDF
Storybook stories for all components

Product Details

Related Products

View All
Design Assets

Design Token System Pro

A complete, production-ready design token system covering color, typography, spacing, shadow, and motion — with Figma Variables, Tailwind config, and Style Dictionary JSON out of the box.

$29.00View
Design Assets

E-commerce Icon Set — 500+ Icons

500+ pixel-perfect SVG icons for e-commerce products — cart, payment methods, shipping, product categories, reviews, promotions, and account management. Three visual styles in one library.

$35.00View

The Problem This Solves

Most product teams ship motion as an afterthought — and it shows. Inconsistent easing, janky transitions, and spinning loaders that serve no informational purpose. This library gives you a coherent motion language from day one.

What's Included

Framer Motion Components (50 presets)

  • Page transitions: fade, slide, scale, blur-in (8 variants)
  • List animations: stagger entry, stagger exit, filtered-list reorder (6 variants)
  • Modal / drawer: enter/exit animations with backdrop (5 variants)
  • Micro-interactions: button press, toggle, checkbox, slider (12 variants)
  • Scroll-triggered: parallax, fade-in-up, counter animation (8 variants)
  • Skeleton loading: pulse, shimmer, wave (5 variants)
  • Toast & notification: slide + fade, bounce (6 variants)

Lottie Animations (30 files)

  • Loading indicators (circular, linear, dots) × 6
  • Success / error / warning states × 6
  • Empty state illustrations (animated) × 8
  • Onboarding illustrations × 6
  • Button icon transitions × 4

Motion Principles Document

Includes a 10-page PDF explaining the easing curves and timing rationale behind each preset — so your team can extend the library consistently.

Specifications

File Format
React / Lottie JSON / Figma
Files
80
Language
English
Version
v1.1
SKU
AST-005
Updated
5/10/2026
Design Assets

B2B SaaS Illustration Pack

40 customizable vector illustrations for B2B SaaS marketing pages — feature highlights, integrations, security, teams, analytics, and empty states. Figma source with swappable brand colors.

$45.00View