Liniqo / Packs / Mobile & UX Components

Mobile & UX Components isometric illustrations

25 hairline isometric illustrations for mobile & ux components products, websites and apps: bottom tab bar, swipe card stack, pull to refresh, onboarding carousel and more. Every piece comes as SVG in light and dark, takes your brand colour, and has draw-on and float animations. 4 of them are free to download.

25 illustrations4 freeSVG · PNG · ReactLight and dark
Open in the library See pricing

All Mobile & UX Components illustrations

Bottom Tab BarA phone with a bottom tab bar and floating action button beside an enlarged tab barFreeSwipe Card StackA stack of flat cards with the top card tilted and sliding off beside reject and accept buttonsFreePull To RefreshA list panel with a spinner ring pulled down above it and pull arrowsFreeOnboarding CarouselThree onboarding slide cards with a dot pager and a next buttonFreeSplash Screen LaunchA phone showing a launch screen app tile with a loading ring and a floating app iconProToast SnackbarA floating toast message bar with an undo button over a list cardProBottom Sheet DrawerA bottom sheet with a grab handle rising over a dimmed phone screenProForm Input FieldsA form card with text fields, a focused field with a ring, and a submit buttonProLogin Screen CardA login card with email and password fields, a key button and a fingerprint padProOTP Code EntryA row of four code boxes with a cursor and a keypad tileProPermission Prompt DialogA permission dialog with deny and allow buttons and a location pin over a dimmed screenProApp Store ListingAn app store listing card with icon, install button, star rating row and screenshotsProPush Notification BannerA notification banner sliding down over the top of a phone with an app icon tileProGesture Pinch ZoomA photo frame with pinch arrows at its corners and a zoom magnifierProSkeleton Loading ScreenA phone lying flat showing skeleton placeholder blocks and a shimmer bandProDark Theme PhoneA light phone and a dark phone side by side with palette swatches and a theme toggleProAccessibility ContrastA text card with a contrast ruler scale and an eye icon tileProWireframe Sketch FramesA row of wireframe screens linked by arrows with sticky tagsProDesign Token PaletteColor swatch tiles with a spacing ruler and a type scale cardProResponsive BreakpointsA laptop, tablet and phone in a stepped row above a breakpoint rulerProCarousel Image GalleryA fan of photo frames with previous and next arrow buttonsProRating Feedback StarsA star rating row card with a thumbs up and down feedback panelProProgress Wizard BarA wizard window with step circles, a progress bar and back and next buttonsProSmartwatch GlanceA smartwatch with widget tiles on its face, straps and a floating ring cardProFoldable Phone SplitA foldable phone half open showing two panes and a hingePro
One consistent style

Every Liniqo illustration uses the same isometric grid and hairline stroke, so this pack sits next to the other 2,024 pieces without clashing.

Your colours

Set one accent and a line colour in the library; every download and copy uses them. Dark versions are included.

Built for AI builders

Ask Claude, Cursor, Lovable or v0 for an illustration through the Liniqo MCP server, and it adds the SVG or React component for you.

Where to use them

Mobile & UX Components illustrations fit mobile app onboarding, UX documentation, design systems and app store screenshots. Use them for empty states, onboarding, feature sections, pricing pages, emails and blog headers, in light or dark mode. Read the guide: Empty state illustrations: 8 patterns.

Mobile & UX Components illustrations: questions

What is in the Mobile & UX Components illustration pack?

25 hairline isometric illustrations, including bottom tab bar, swipe card stack, pull to refresh, onboarding carousel, splash screen launch, toast snackbar, bottom sheet drawer, form input fields and more.

Are any Mobile & UX Components illustrations free?

Yes. 4 are free for personal and commercial use with no attribution: bottom tab bar, swipe card stack, pull to refresh, onboarding carousel. The other 21 unlock with any plan, from $19 one-time.

Where can I use mobile & ux components illustrations?

They suit mobile app onboarding, UX documentation, design systems and app store screenshots. Common spots are empty states, onboarding steps, feature sections, pricing pages, emails and blog headers.

Can I change the colours to match my brand?

Yes. Set your accent and line colour once in the library and every mobile & ux components illustration, preview and download uses them. Light and dark versions are included, so they work in dark mode too.

Which file formats do I get?

SVG in light, dark and flat versions, PNG up to 4000 px, React components, and animated SVG (draw-on, and draw plus float) on the Pro and Lifetime plans.

How do I add one with an AI tool?

Connect the Liniqo MCP server to Claude, Cursor, Windsurf, VS Code, Lovable or v0, then ask for it in plain words, for example: "add the bottom tab bar illustration to the empty state, in our brand colour". The AI finds it and adds the SVG or React component.

Can I use them in client projects?

Yes. Personal covers your own products. Pro and Lifetime cover unlimited client projects. Reselling the files themselves, or putting them in another illustration library or template where they are the main value, is not allowed.

More packs

Nature & EnvironmentNonprofit & EventsPet Care & GardenPhoto, Video & AudioProject & ProductivityReal Estate & HomeAll packs →