Component Library

Free

Loading motion...

Modern Card Animation – Interactive UI Design

Modern Card Animation – Interactive UI Design is an editable Figma motion resource from Ugoki UI. The preview demonstrates the...

3

Free

Loading motion...

free Infinite masonry grid testimonial slider

free Infinite masonry grid testimonial slider is an editable Figma motion resource from Ugoki UI. The preview demonstrates the component...

4

Free

Loading motion...

Nextly — Complete Mobile Login Flow

Nextly is a multi-screen mobile authentication flow covering sign in, account creation, password recovery, verification, and completion states. Shared elements...

104

Free

Loading motion...

AI-MODERN-BANNER

AI Modern Banner is a promotional interface block that combines a focused headline, supporting copy, action, and animated visual treatment....

99

Free

Loading motion...

Infinity Thumbnail Slider

Infinity Thumbnail Slider presents a continuously moving sequence of visual previews while keeping multiple items visible for context. It can...

55

Free

Loading motion...

Animated AI financial assistant

Animated AI Financial Assistant demonstrates a conversational finance interface with prompt, response, status, and data-summary states. The animation clarifies when...

71

Free

Loading motion...

Animated Spinner Kit

Animated Spinner Kit provides a collection of loading indicators for short system waits and background activity. The variations help teams...

123

Free

Loading motion...

Product Detail

Product Detail is an ecommerce layout reference that organizes imagery, product information, options, price, quantity, and purchase actions. Motion can...

122

Free

Loading motion...

Chart UI

Chart UI explores an animated data-visualization panel with supporting labels, values, and controls. Transitions help users follow changes between data...

84

Free

Loading motion...

Dark / Light Calculator

Dark / Light Calculator demonstrates a functional keypad and display across two visual themes. The interaction focuses on clear input...

37

Free

Loading motion...

Banner Intro

Banner Intro is an entrance-animation reference for a compact headline, supporting message, and visual accent. It is designed to establish...

91

Free

Loading motion...

Progress-Circle

Progress Circle visualizes completion around a compact central value. The animated stroke helps users notice a change, while the numeric...

74

Free

Loading motion...

Dark Infinite Slide

Dark Infinite Slide is a continuously looping visual strip designed for dark interfaces. It creates a sense of breadth across...

123

Free

Loading motion...

Web Carousel

Web Carousel is a reusable content-slider reference with a focused item, adjacent context, and directional navigation. Its movement explains the...

46

Free New

Loading motion...

Animated Folder

Animated Folder demonstrates open, closed, hover, and selection states for a familiar file-management object. The motion reinforces the relationship between...

43

Free

Loading motion...

Glowing Line Card

Glowing Line Card uses a moving highlight to draw attention around a contained piece of content. The effect works best...

69

Free New

Loading motion...

AI Face Scanning

AI Face Scanning demonstrates a biometric-style scanning sequence with framing, active processing, and completion feedback. It should be treated as...

116

Free New

Loading motion...

Testimonial Cards

Testimonial Cards presents customer quotes in a reusable card sequence with supporting identity and role information. Subtle transitions can help...

56

Free New

Loading motion...

Minimal Collapse

Minimal Collapse is an accordion interaction for revealing supporting information while keeping a page compact. The animated height change maintains...

103

Free New

Loading motion...

Glassmorphism Bottom Drawer

Glassmorphism Bottom Drawer is a mobile overlay that slides upward to present contextual actions or details. The translucent treatment retains...

77

Free New

Loading motion...

Animated Swipe Open

Animated Swipe Open demonstrates a gesture-driven reveal in which content follows the user’s movement before settling into an open or...

67

Free New

Loading motion...

Glassy Open Drawer

Glassy Open Drawer explores a translucent side panel with animated entry, layered navigation, and contextual content. It keeps the original...

33

Free New

Loading motion...

Password Field

Password Field is an input interaction covering hidden and visible text, focus, entry, and validation feedback. The design helps users...

33

Free New

Loading motion...

Animated Switches

Animated Switches is a set of selection controls showing changes between on, off, selected, and unselected states. Motion reinforces the...

46