COMPONENT LIBRARY / 245 RESPONSIVE PIECES

Give every interface a stronger rhythm.

Open a collection in the sidebar, select one UI, then tune it for every device and copy usable code or a ready-to-use prompt.

20 loading uis15 3d loading20 animated navbars30 footer designs30 hero sections50 text fields50 buttons30 product cards

Loading UIs

20 designs
Orbit SignalOrbital
Pulse GridGrid
Dot WaveMinimal
Ring DashProgress
Shift CubesGeometric
Comet TrailMotion
Prism FlipShape
EqualizerRhythm
Arc SweepProgress
Mosaic BloomGrid
Flip ClockClock
Radar PingSignal
Slide DashesLine
Ripple CorePulse
CrossfadeMinimal
Loop LineLine
Pixel SprintPixel
Dual HaloOrbital
Morph BlobOrganic
Rise StepsRhythm

3D Loading

15 designs
Pulse PortalPortal
Neon GyroscopeGyro
Core ReactorReactor
Iso TunnelTunnel
Prism ArrayPrism
Lunar OrbitOrbit
Flip FramesFrames
Wire SphereWireframe
Diamond SpinFacet
Nova BloomNova
Quantum CageCage
Saturn LensPlanet
Crystal FanCrystal
Vector CubeWireframe
Solar ArraySolar

Animated Navbars

20 designs
Liquid DockFluid
Glass FlowGlass
Neon RailNeon
Underline ShiftClassic
Capsule TabsCapsule
Split HorizonSplit
Magnetic LinkMagnetic
Floating IslandFloating
Signal BarSignal
Corner FoldEditorial
Pixel RoutePixel
Gradient SliceGradient
Elastic MarkerElastic
Orbit MenuOrbit
Command StripCommand
Ribbon NavRibbon
Halo TabsHalo
Slide RevealReveal
Dot MatrixMatrix
Aurora LineAurora

Footer Designs

30 designs
Signal LedgerEditorial
Atlas EndnoteDirectory
Soft GridCards
Night ShiftDark mode
Column GlowColumns
Quiet IndexMinimal
Paper TrailEditorial
Studio RailStudio
Orbit LedgerOrbit
Mono StackUtility
Field NotesJournal
CloudlineLight
Ribbon CloseRibbon
Bento EndBento
Terminal DockCommand
Glass IndexGlass
Lumen FooterLuminous
Wave LedgerWave
Split EndSplit
Aurora CloseAurora
Archive MapArchive
Contrast EndContrast
Frame FooterFrame
Pulse IndexSignal
Canvas CloseCanvas
Quarter DockGrid
Loop LedgerLoop
Signal ShelfShelf
North StarNavigation
Final FormNewsletter

Hero Sections

30 designs
Watchmaker IntroProduct
Editorial ArrivalFashion
Runner ReleaseProduct
Studio PortraitFashion
Motion ProductProduct
Modern MuseFashion
Catalogue OneProduct
New SeasonFashion
Daily ObjectProduct
Quiet ConfidenceFashion
Object StudyProduct
Campaign CoverFashion
Sprint SystemProduct
Portrait NotesFashion
Time PieceProduct
Soft TailoringFashion
Essential FormProduct
City EditorialFashion
Run ForwardProduct
Light StudioFashion
Material StoryProduct
Form and FeelFashion
Product SignalProduct
Evening LineFashion
Maker SeriesProduct
Portrait ArchiveFashion
Performance NoteProduct
Campaign ShapeFashion
Collectors EditionProduct
Future MuseFashion

Text Fields

50 designs
Minimal BorderMinimal
Outlined FocusOutlined
Glassmorphic InputGlass
Neon Rail InputNeon
Soft Capsule ShadowCapsule
Underline GlideClassic
Clean Label FloatingFloating
Monospace Code StyleMonospace
Rounded BadgeBadge
Retro Terminal PromptRetro
Contrast BlockContrast
Pill-style GlowGlow
Chunky BorderChunky
Double OutlinedDouble
Dotted BaselineDotted
Shadowed RidgeRidge
Split Grid InputSplit
Luminous InsetLuminous
Corner Fold InputEditorial
Editorial ClassicEditorial
Gliding Label ActionAnimated
Expanding UnderlineAnimated
Neon Border DrawAnimated
Shake Error FieldAnimated
Liquid Floating CapsuleAnimated
Slide-in Icon SearchAnimated
Text Shimmer sweepAnimated
Ripple Click TargetAnimated
3D Flip Input BoxAnimated
Aurora Glow InsetAnimated
Typing PulseTyping
Type BounceTyping
Hue CycleTyping
Char ProgressTyping
Sound WaveTyping
Label JitterTyping
Tick PulseTyping
Glow TrailTyping
Scale PunchTyping
Gradient SweepTyping
Click RippleClick
Magnetic BorderClick
Press ScaleClick
Glow BurstClick
Underline SnapClick
Typing ShakeCombo
Neon TrailCombo
Live StatusCombo
Particle TypeCombo
Holographic TypeCombo

Buttons

50 designs
Pill PressSolid
Block SolidSolid
Cut CornerCut
Press Depth3D
Skew ShiftSkew
Gradient FillGradient
Duotone SplitDuotone
Fill SweepOutline
Ghost RevealGhost
Soft LiftLift
Thin LineOutline
Bold OutlineOutline
Gradient BorderBorder
Dashed EdgeDashed
Double RingDouble
Corner BracketsBrackets
Border DrawDraw
Glow OutlineGlow
Underline OnlyUnderline
Corner FillCorner
Arrow SlideIcon
Icon SpinIcon
Icon BounceIcon
Swap To CheckIcon
Circle ChaseIcon
Icon FABFAB
Left BadgeBadge
Icon LiftIcon
Plus To CloseIcon
Download ProgressProgress
Underline GrowText
Tracking ExpandText
Shine SweepShine
Gradient TextGradient
Glitch LabelGlitch
Typewriter RevealType
Fill RevealReveal
Shadow Stack3D Text
Split ColorSplit
Wide TrackingTracking
Soft PressNeumorph
Glass PaneGlass
Spinning BorderBorder
Ripple TapRipple
Loading StateLoading
Success MorphSuccess
Magnetic TiltTilt
Wave BarsWave
Liquid BlobLiquid
Aurora ShiftAurora

Product Cards

30 designs
Minimal StackMinimal
Framed CardFramed
Shadow LiftLift
Rounded TopRounded
Full BleedBleed
Price CornerPrice
Sale RibbonSale
Quick Add BarQuick Add
Color BlockColor
Split HorizontalSplit
Editorial CardEditorial
Glass PanelGlass
Dark LuxuryLuxury
Line FrameLine
Big TypeTypography
Duotone ImageDuotone
PolaroidPolaroid
Ticket StubTicket
Bento TileBento
Catalogue No.Catalogue
Compact RowCompact
Cart RowCart
Thumb StripThumbnails
Tier CardTier
Bundle CardBundle
Shimmer SweepAnimated
Breathing ImageAnimated
3D ShowcaseAnimated
Liquid BackgroundAnimated
HolographicAnimated

SELECTED COMPONENT

Loading UI Orbit Signal
LIVE PREVIEW Loading UI
desktop preview

Orbit Signal

Three rotating paths with a bright centre point.

72px

CUSTOMIZE

Make it yours.

Accent color#FF7A00
Loader size72px
32px128px
This loader keeps its own color and size settings.

TAKE IT WITH YOU

Copy the selected code.

Log in to view this component's code & prompt

Every UI's production-ready code and AI-ready prompt is reserved for signed-in members.

Log in to unlock