Welcome to PODIE
PODIEby world of creator
PODIEby world of creator
Full sitesLandingLoadingMenuNavigationCarouselTransitionsBackgrounds3DCardsInteractionTypographyButtonsFeedbackInputsAI & chat
AboutInstallFAQTermsPrivacy

PODIE UI components

Full sites

CODING interactive workspace
FULL SITE / REACT

CODING

A React frontend for an AI coding workspace, with local demo conversations, source editing, change review and a simulated terminal.

Explore framework ↗
DESIGN interactive workspace
FULL SITE / REACT

DESIGN

A React design workspace with an infinite canvas, editable artboards, layers, image tools and browser-saved projects.

Explore framework ↗

Landing

Intro Grid with Hover Motion

Codrops

On-Scroll Layout Formations

Codrops

Consecutive Scroll Animations with One Element

Codrops

Rotating On-Scroll Animations

Codrops

Animations for Sticky Sections

Codrops

Card stack scroll

Skiper UI

Card stack with gsap and rotate

Skiper UI

Svg follow scroll

Skiper UI

Oliver parallax

Skiper UI

Scroll images reveal 003

Skiper UI

Topo Field

Meng To · 21st.dev

Intro Image Trail Animation

Codrops

Loading

Ai Loader

Smooth UI

Grid Loader

Smooth UI

Motion Loader

Smooth UI

Skeleton Loader

Smooth UI

AI State Loading

Kokonut UI

AI Text Loading

Kokonut UI

Loader

Kokonut UI

Rapid Image Layers Animation

Codrops

On-Scroll Pixelated Image Loading Effect

Codrops

Page Preloading Animation

Codrops

Page Loading Effects

Codrops

Menu

Background Scale Hover Effect

Codrops

Image Tiles Menu Animation

Codrops

Marquee Menu Hover Animation

Codrops

GSAP EaseReverse Clip Menu

Codrops

Inline Menu Layout with Gallery Panel

Codrops

3D Letters Menu Hover Effect

Codrops

Menu To Grid Layout Animation

Codrops

Letter Shuffle Animation for a Menu

Codrops

Menu to Full Grid Layout

Codrops

Expanding Rounded Menu Animation

Codrops

Rapid Image Hover Menu

Codrops

Scroll Loop Menu

Codrops

Navigation

Animated Background

Motion Primitives

Animated Stepper

Smooth UI

Animated Tabs

Smooth UI

CssLink

Skiper UI

Carousel

Infinite Gradient 3D Carousel

Clément Grellier · Codrops

Rotating WebGL Gallery

Oluwaseyi Oluwadare · Codrops

Coverflow Carousel

Smooth UI

On-Scroll 3D Carousel

Codrops

Diagonal Thumbnails Slideshow

Codrops

Perspective carousel

Skiper UI

Card swipe carousel

Skiper UI

Inverted perspective carousel

Skiper UI

Creative carousel 001

Skiper UI

Creative carousel 002

Skiper UI

Transitions

Repeating Image Transition

Manoela Ilic · Codrops

Aperture Blur Transition

Smooth UI

Chroma Blur Transition

Smooth UI

Prism Sweep Transition

Smooth UI

Sdf Blob Transition

Smooth UI

Sdf Circle Transition

Smooth UI

Organic Merge Transition

Smooth UI

Radial Circles Transition

Smooth UI

Warped Circle Transition

Smooth UI

Shader Reveal Transition

Smooth UI

Shader Reveal Circle Transition

Smooth UI

Shader Reveal Luma Transition

Smooth UI

Shader Reveal Noise Transition

Smooth UI

Shader Reveal Planetary Transition

Smooth UI

Shader Reveal Push Transition

Smooth UI

Shader Reveal Stripes Transition

Smooth UI

Shader Reveal Wipe Transition

Smooth UI

Shader Reveal Zoom Transition

Smooth UI

Cover Page Transition

Codrops

Grid View Switch Animation

Codrops

Kinetic Typography Page Transition

Codrops

Morphing Page Transition

Codrops

Backgrounds

Ripple

Magic UI

Arcade Pixel

Smooth UI

Aurora Curtain

Smooth UI

Gravity Stars

Smooth UI

Liquid Metal

Smooth UI

Orb

Smooth UI

Pixel Flow Field

Smooth UI

Animated Grid Pattern

Magic UI

Retro Grid

Magic UI

Meteors

Magic UI

Particles

Magic UI

Light Rays

Magic UI

Flickering Grid

Magic UI

Floating 3D Particles

Magic UI

Glyph Matrix

Magic UI

Flow Field

Kokonut UI

Shader Gradient

Kraavon UI

Soft Aurora

Kraavon UI

Light Beam

Kraavon UI

Noise Background

Kraavon UI

Particle Cloud

Kraavon UI

Mesh Gradient

Kraavon UI

Vortex Background

Kraavon UI

Stars Background

Kraavon UI

Particle Field

Kraavon UI

Ghost Ether

codeweb-dev · 21st.dev

3D

Hover to animate

3D Stack Motion on Scroll

Codrops
Hover to animate

On-Scroll 3D Grid Animations

Codrops
Hover to animate

Staggered (3D) Grid Animations with Scroll-Triggered Effects

Codrops
Hover to animate

Torus Knot

Kraavon UI
Hover to animate

Floating Sphere

Kraavon UI
Hover to animate

Wave Plane

Kraavon UI

Cards

Border Beam

Magic UI

Shine Border

Magic UI

Border Beam

Smooth UI

Glow Hover Card

Smooth UI

Switchboard Card

Smooth UI

Tilt Card

Smooth UI

Neon Gradient Card

Magic UI

Glare Hover

Magic UI

ExpandOnHover

Skiper UI

ExpandOnHover vertical

Skiper UI

Holographic Card

Kraavon UI

Interaction

Blur Fade

Magic UI

Agent Avatar

Smooth UI

Basic Accordion

Smooth UI

Mac Terminal

Smooth UI

Magnetic Field

Smooth UI

Marquee

Magic UI

Animated List

Magic UI

Orbiting Circles

Magic UI

Currency Transfer

Kokonut UI

marquee

Eldora UI

Gooey Cursor Effect

Codrops

Ideas for Image Motion Trail Animations

Codrops

Repetition Hover Effect

Codrops

Loop animation hook

Skiper UI

Cursor Trail

Kraavon UI

Typography

Number Ticker

Magic UI

Text Shimmer

Motion Primitives

Text Effect

Motion Primitives

Sparkles Text

Magic UI

Blur Out Up

Smooth UI

Bottom Up Letters

Smooth UI

Depth Parallax Words

Smooth UI

Focus Blur Resolve

Smooth UI

Line By Line Slide

Smooth UI

Mask Reveal Up

Smooth UI

Micro Scale Fade

Smooth UI

Per Character Rise

Smooth UI

Per Word Crossfade

Smooth UI

Reveal Text

Smooth UI

Scale Down Fade

Smooth UI

Scramble Hover

Smooth UI

Shine Text

Smooth UI

Soft Blur In

Smooth UI

Spring Scale In

Smooth UI

Stagger From Center

Smooth UI

Stagger From Edges

Smooth UI

Top Down Letters

Smooth UI

Wave Text

Smooth UI

Fade Through

Smooth UI

Kinetic Center Build

Smooth UI

Shared Axis X

Smooth UI

Shared Axis Y

Smooth UI

Shared Axis Z

Smooth UI

Short Slide Down

Smooth UI

Short Slide Right

Smooth UI

Perspective Text 3d

Smooth UI

Number Flow

Smooth UI

Animated Gradient Text

Magic UI

Animated Shiny Text

Magic UI

Aurora Text

Magic UI

Hyper Text

Magic UI

Line Shadow Text

Magic UI

Text Animate

Magic UI

Typing Animation

Magic UI

Word Rotate

Magic UI

Dia Text Reveal

Magic UI

Morphing Text

Magic UI

Spinning Text

Magic UI

Dynamic Text

Kokonut UI

Glitch Text

Kokonut UI

Matrix Text

Kokonut UI

Shimmer Text

Kokonut UI

blur-in-text

Eldora UI

fade-text

Eldora UI

gradual-spacing-text

Eldora UI

letter-pull-up-text

Eldora UI

wavy-text

Eldora UI

word-pull-up-text

Eldora UI

multi-direction-slide-text

Eldora UI

seperate-away-text

Eldora UI

Circular Text Effect

Codrops

On-Scroll Typography Animations

Codrops

On-Scroll Text Motion

Codrops

Glass Text Effect

Codrops

3D perspective text

Skiper UI

Text Scroll animation

Skiper UI

Animated number

Skiper UI

Buttons

Magnetic

Motion Primitives

Magnetic Button

Smooth UI

Pulsating Button

Magic UI

Ripple Button

Magic UI

Shiny Button

Magic UI

Magnet Button

Kokonut UI

Hold Button

Kokonut UI

Apple play button

Skiper UI

Feedback

Animated Progress Bar

Smooth UI

Animated Circular Progress Bar

Magic UI

Scroll progress 001

Skiper UI

Inputs

Animated Toggle

Smooth UI

AI & chat

Ai Response

Smooth UI