Illustration Components

Dev Design Library indexes 51 illustration components from 16 open-source UI libraries, with the most coming from Cult UI, Cojeev UI, uselayouts, FLX UI and Componentry. Each one links to its page with the source code, a live preview where available, the library license and the install command. Illustration components belong to the Media group.

• Illustrated MessageReact Spectrum · ReactAn IllustratedMessage displays an illustration and a message, usually for an empty state or an error page.
• Gateway Endpoint IllustrationCult UI · ReactIllustration for gateway endpoint concepts
• Origami Envelope UnfoldAmicro Micro Transitions · ReactGeometric triangular envelope flap opening with 3D perspective flip.
• Shape HeroKokonut UI · ReactA landing hero where shapes drop in, pile up under the headline and can be grabbed and thrown.
• Empty StateUntitled UI React · React
• Interactive BookVengeance UI · React3D page-flip style book
• 3D Bookuselayouts · ReactAn interactive 3D book component with page flip animations.
• Circuit BoardComponentry · ReactAnimated circuit board visualization with nodes and connections.
• Animated PathGreatUI · ReactSVG path that draws itself from start to end.
• Rocket LaunchNexvyn UI · ReactA hand-drawn rocket illustration that ignites its engines and lifts off the pad on demand, with a reset back to rest.
• Empty statesArc Library · ReactFour empty states in one illustration whose shapes morph between scenes as you switch tabs.
• Arrow CalloutUI Lab · ReactA handwritten note whose arrow draws itself to whatever it points at.
• Assembly partCojeev UI · ReactA persistent native component moving between a floating organism and its measured layout.
• Hero 06FLX UI · ReactA split product hero with dual CTA, a compact logo row, and the Spot 01 illustration.
• CloudSpaceUI · ReactVolumetric cloud material. Color the sky, sun, and shadows, then fly the camera with mouse or touch.
• Pixel SnailFibo · ReactA one-colour pixel snail that crawls on a loop while something loads.
• Gateway Route IllustrationCult UI · ReactIllustration for gateway routing
• Dither BookAmicro Micro Transitions · React
• IllustrationsUntitled UI React · React
• Card Folderuselayouts · ReactThis component creates an animated folder-style card with a background image, floating 3D object, hover effects, and…
• Eye TrackingComponentry · ReactHyper-realistic eyes that follow your cursor with smooth spring physics, reactive pupils, blinking, and multiple…
• Balance ScaleUI Lab · ReactWeighs your pros against your cons on a balance that tips and slowly settles.
• Buy Me CoffeeCojeev UI · ReactA support poster reveals an inviting cup illustration and a real caller destination.
• MetricsFLX UI · ReactA stat card with trend and sparkline, layered over a second.
• Doodle CalloutSpaceUI · ReactA hand-drawn arrow that draws itself next to a handwritten label, replaying on a loop.
• Gateway Svg IllustrationCult UI · ReactSVG illustration for gateway overhead
• Confidential Folderuselayouts · ReactA charcoal sleeve that pulls a letter out, flips it, and lands it in front of you.
• Mac KeyboardComponentry · ReactA realistic Mac keyboard component with interactive keys and detailed styling.
• Folded MapUI Lab · ReactAn itinerary that unfolds panel by panel like a paper road map, recentring as it opens.
• Item adornmentCojeev UI · ReactColoured organic shapes for list items, with deterministic automatic selection and custom icon or no-icon options.
• NotificationsFLX UI · ReactA fanned stack of notification cards.
• Illustration CursorCult UI · ReactCursor illustration and demo for collaboration UI
• Empty Testimonialuselayouts · ReactAn interactive empty state for testimonials with a playful folder animation.
• SignatureComponentry · ReactAn animated SVG signature effect that draws out text as if hand-written.
• Organism assemblyCojeev UI · ReactAn interactive studio that gathers floating shapes into six reusable compositions.
• Media cardFLX UI · ReactAn image card with a soft gradient fade and caption.
• Illustration Fluid RenderingCult UI · ReactFluid rendering illustration
• Folder Interactionuselayouts · ReactA folder management system with drag-and-drop-like feel.
• Organism compositionCojeev UI · ReactSix useful compositions made from persistent Cojeev base components, with organic assembly and native controls.
• AnalyticsFLX UI · ReactA card with a gradient area chart.
• Illustration Globe VercelCult UI · ReactGlobe deployment illustration
• Scan Documentuselayouts · ReactClick Scan and a page unfolds, flips, and a glowing bar reads it. Done holds, then it resets.
• Scroll organismCojeev UI · ReactA softly stretching companion driven by native document scrolling.
• Squiggle ArrowCult UI · ReactA playful, hand-drawn squiggly arrow component with customizable variants, directions, and sizes
• Shape studioCojeev UI · ReactOne shape studio: twelve compatible living contours, layered artwork and the complete original mask inventory. Compose…
• Svg BandsCult UI · ReactWide SVG section bands, battlement and zigzag trims, steep hero edges, and ornamental frames
• Shape artworkCojeev UI · ReactAn original SVG silhouette with a cast shadow and a rotated rear outline. The same vector layers power its live…
• Svg ShapesCult UI · ReactWide-aspect SVG shape and panel components for backgrounds and hero decorations
• Shape sceneCojeev UI · ReactA tactile 3D composition made from Cojeev shapes, with a static fallback and motion preferences built in.
• Svg Shapes AnimatedCult UI · ReactScroll-triggered stroke-draw animations for wide SVG shapes and panels using Motion
• Tabs Illustration VercelCult UI · ReactTabs with Vercel-style illustrations

Libraries with illustration components

• Cult UI
• Cojeev UI
• uselayouts
• FLX UI
• Componentry

Related categories

• Tailwind CSS Illustration Components
• Animated Illustration Components
• shadcn/ui Illustration Components
• Media Components
• Icon Components
• Image Components
• Gallery Components
• Logo Components
• Mockup Components
• Animated Icon Components
• Audio Visualizer Components
• Scene 3D Components
• Video Player Components
• QR Code Components
• Icon Set Components
• Audio Player Components
• Image Zoom Components
• Image Compare Components
• Model Viewer Components