Directory
All 268 components
The 268 THM Componentes components, organized into 14 categories by purpose. Filter by what you are looking for, using the technical name or your own words.
- Backgrounds and atmospheres · 38
- Text and typography · 41
- Special effects · 24
- Interaction and physics · 8
- 3D and space · 20
- Images and media · 27
- Cards and surfaces · 15
- Buttons and cursors · 10
- Forms and input · 11
- Data and visualization · 12
- Apps and productivity · 20
- AI interfaces · 8
- Commerce and conversion · 11
- Navigation and scroll · 23
Backgrounds and atmospheres38 components
- AuroraA night sky with green and cyan curtains of light rippling over stars and a mountain range.THM exclusive
- BoidsHundreds of thin arrows fly together like a flock of birds and scatter when the cursor comes close.THM exclusive
- CausticsLight patterns dancing like the bottom of a sunlit swimming pool, with faintly colored edges.THM exclusive
- Flow FieldThousands of fine lines run along curving currents, like silk threads in the wind, over a light background.THM exclusive
- FluidColorful ink that flows and swirls behind your content, pushed by every mouse movement.THM exclusive
- Glass OrbA glass ball with an indigo and cyan ink swirl inside, slowly turning over a light floor.THM exclusive
- GPU ParticlesHundreds of thousands of fine grains run in filaments, like ink spreading on paper, and swirl around the cursor.THM exclusive
- Liquid MetalA mirror-like drop of metal that pulses slowly, changes shape and stretches toward the cursor.THM exclusive
- Mesh GradientPatches of indigo, cyan and lavender that blend and drift slowly, with a light film grain on top.THM exclusive
- MetaballsGlossy indigo drops that join and split like liquid, with one of them following the cursor.THM exclusive
- Reaction DiffusionIndigo spots and branches grow on their own like coral or animal skin, and the cursor plants new seeds.THM exclusive
- Aurora BackgroundA CSS-only animated background with blue and violet light bands drifting slowly, like the northern lights.Adapted
- Black Hole BackgroundThin rings and lines form a tunnel that narrows to a point, with a column of colored light in the middle.Adapted
- Bubbles BackgroundHundreds of 3D bubbles drift slowly up and down over a sky that shifts from blue to orange.Adapted
- Cosmic PortalA science fiction portal with a core of light, rings, floating crystals and stardust, turning in deep space.Adapted
- Falling Stars BackgroundStars that rush out from the center of the screen toward the edges with glowing trails, like a ship speeding up.Adapted
- Flickering GridA grid of tiny squares that light up and dim at random, at a slow pace, like an idle LED panel.Adapted
- Interactive Grid PatternA grid of thin lines where each square lights up as the mouse passes and fades slowly, leaving a trail.Adapted
- Lamp EffectA cyan line of light switches on at the top of a dark section and spreads a glow over the headline below.Adapted
- Liquid BackgroundA liquid surface in pastel pink, lilac and mint that keeps flowing and folding, like a hologram.Adapted
- Neural BackgroundThin threads of blue light branch out of bright nodes on a black backdrop, like neurons glowing in the dark.Adapted
- Particle WhirlpoolThousands of bright, colorful particles swirl as a swarm around a point that follows the mouse.Adapted
- Particles BackgroundTiny dots that float slowly across the background and drift gently toward the mouse, like dust in the air.Adapted
- Pattern BackgroundA fine grid or dotted backdrop that fades at the edges and can slowly slide in one direction.Adapted
- Ribbon BackgroundFive colored ribbons stacked in layers, with soft shadows, slowly waving from one side of the screen to the other.Adapted
- RippleConcentric rings that pulse from the inside out behind a logo, icon or button, like ripples on a pond.Adapted
- ScalesThin, subtle stripes, diagonal, horizontal or vertical, that add texture to the background of an area.Adapted
- Silk BackgroundDark satin fabric with diagonal folds that ripple slowly, with a cool sheen and a fine woven texture.Adapted
- Singularity BackgroundA ring of orange and blue light spins around a dark center, like a black hole pulling in cosmic dust.Adapted
- Snowfall BackgroundSnowflakes falling gently across the page background, drifting slightly sideways, for winter and holiday campaigns.Adapted
- SparklesTiny points of light that twinkle and drift slowly upward, like glitter in the air, behind a headline or whole section.Adapted
- Stars BackgroundA night sky with stars in three sizes drifting slowly upward and shifting gently when the mouse moves.Adapted
- Stractium BackgroundAn abstract sculpture of thin layers floats and twists in a bright sky, lit by a sun.Adapted
- TetrisSquares that slowly fall through a grid and pile up at the bottom like Tetris, then vanish when you click them.Adapted
- Thunderstorm BackgroundDark storm clouds lit from inside by blue, gold and white lightning that comes and goes.Adapted
- Vortex BackgroundHundreds of neon dots in blue, violet and magenta flowing along curving currents over a dark background.Adapted
- Warp BackgroundA card at the center of a 3D grid tunnel, with colored light streaks racing along the walls toward the edges.Adapted
- Wavy BackgroundFive thick, blurred neon light waves rolling nonstop across the middle of a dark background.Adapted
Text and typography41 components
- SignatureA calligraphic signature that appears stroke by stroke, as if an invisible pen were writing on the screen.THM exclusive
- Decode TextA headline that starts as scrambled letters, numbers and symbols and settles letter by letter into the phrase.THM exclusive
- Gooey TextWords take turns in the headline, melting into one another like merging drops before turning crisp again.THM exclusive
- Kinetic TextA repeating phrase runs endlessly over a 3D knot that turns slowly and tilts with the mouse.THM exclusive
- Particle TextA word drawn with thousands of tiny colored dots that scatter when the mouse passes and drift back into place.THM exclusive
- Text ShatterA headline that breaks into hundreds of glass-like shards on click or hover and puts itself back together.THM exclusive
- Variable WaveA headline where each letter grows thinner or bolder in a continuous wave and turns heavy near the mouse.THM exclusive
- 3D TextWhite letters with a thick black outline and an offset yellow shadow, wobbling slightly like a cartoon title.Adapted
- Blur RevealHeadlines and paragraphs that appear one after another, rising slightly out of a blur until they turn sharp.Adapted
- Box RevealA solid block of color covers the headline and pulls away to the side, letting the text rise gently into view.Adapted
- Breathing TextVariable font text where letters thicken and thin out one after another, as if the word were breathing.Adapted
- Colourful TextA headline word where every letter gets a bright color and the colors reshuffle every five seconds.Adapted
- Container Text FlipA word inside a raised box that changes by itself, while the box stretches or shrinks to fit the next one.Adapted
- Encrypted TextA sentence that starts as random symbols and resolves letter by letter, from left to right.Adapted
- Flip WordsOne word in the middle of the headline changes by itself every few seconds, the new one arriving letter by letter.Adapted
- FocusA sentence with blurred words, where a camera-style frame brings one word into focus at a time.Adapted
- Highlight TextA band of color grows behind a passage of text, like a highlighter pen moving across the line.Adapted
- Hyper TextAn uppercase word that scrambles its letters on hover and settles back in under a second.Adapted
- Letter PullupA headline that enters the page with each letter rising from below, one after another, like a wave.Adapted
- Letter SwapOn hover, each letter slides vertically and gives way to a copy, in a wave that runs across the word.Adapted
- Line Shadow TextA word with a shadow made of thin diagonal stripes that slide slowly behind the letters.Adapted
- Media TextA sentence in two parts that slide apart to make room for a small photo or video in between.Adapted
- Morphing TextOne word melts and turns into the next, with the letters merging like drops of ink.Adapted
- Number TickerA number that starts at zero and runs up to its final value when it appears on screen, like a scoreboard.Adapted
- Radiant TextSoft gray text with a band of shine that sweeps across the letters every few seconds.Adapted
- Screw TextOn hover, each letter turns like a small cube, one after another, in a 3D wave.Adapted
- Scroll Swap TextEach line of text rolls vertically and gives way to an identical copy, in step with the scroll.Adapted
- Sparkles TextSmall violet and pink stars blink and spin over the word, popping in and out without stopping.Adapted
- Spinning TextA short phrase wraps around a circle and keeps turning, like a stamped badge next to a button.Adapted
- Text Generate EffectWords come out of a blur and appear one after another, as if the text were being generated live.Adapted
- Text GlitchSlices of the headline show up shifted sideways with red and cyan trails, like a screen on the fritz.Adapted
- Text HighlightA band of color fills the background of a word from left to right, like a highlighter pen.Adapted
- Text Hover EffectA giant outlined word appears when the mouse passes over it and takes on your chosen colors near the cursor.Adapted
- Text RevealEach line of the paragraph slides up from behind an invisible edge and appears in sequence, easing to a stop.Adapted
- Text Reveal CardTwo phrases in the same spot: a vertical line follows the mouse and shows the other phrase on one side.Adapted
- Text Scroll RevealThe sentence stays pinned on screen and each word goes from faded gray to full color as you scroll.Adapted
- Typewriter TextLetters appear one by one with a blinking cursor, then disappear to make way for the next word in the list.Adapted
- Underline TextA thin line appears under the word on hover, growing from the center or sweeping from one side to the other.Adapted
- Variable Letter TextOn hover, the letters turn bolder one at a time, in a wave that runs through the word.Adapted
- Variable TextLetters near the mouse turn bolder while distant ones stay thin, in a patch of bold that follows the cursor.Adapted
- Video TextA large headline with a video playing inside it, as if each letter were a window onto the scene.Adapted
Special effects24 components
- Border BeamA card with a beam of light circling its border and a soft glow that follows the mouse inside.THM exclusive
- Animated BeamThin lines connect icons and cards while a colored pulse of light runs along them, showing data on the move.Adapted
- Border BeamA small beam of colored light circles the border of a card or section, like a comet tracing the frame.Adapted
- ConfettiA burst of colorful paper bits shoots up and falls across the screen when someone completes a purchase or a goal.Adapted
- Dither ShaderTurns a photo into a pattern of dots in a few colors, like an old video game or a retro print.Adapted
- FloatAny image or icon starts drifting slowly, rising, sinking and tilting a little, nonstop.Adapted
- Glow BorderA colored glow slowly drifts along the border of a card or input, lighting up one stretch and then another.Adapted
- Glowing EffectWhen the mouse gets close to a card, an arc of colored light turns on along its border and rotates to face the cursor.Adapted
- HTML ASCIIThe real page content is redrawn live as ASCII art, with characters that mimic light and shadow.Adapted
- HTML BlazeFlames rise from the bottom of the page, heat makes the content ripple and orange sparks fly upward.Adapted
- HTML ChromaticAs the mouse moves over the page, red and blue peel away from the content, like a 3D image seen without the glasses.Adapted
- HTML ClothYour page content folds and sways slowly, like a light piece of cloth in a breeze.Adapted
- HTML DragSpin the mouse wheel over it and the content bends like a sheet of paper, then settles back flat.Adapted
- HTML in CanvasYour real HTML runs through a graphics card effect, like ripples on water, and stays clickable.Adapted
- HTML LiquidYour page content looks like it sits under a thin layer of water and ripples wherever the mouse goes.Adapted
- Images BadgeA badge with a small yellow folder icon: hover it and the folder opens as up to three photos fan out.Adapted
- Liquid Glass EffectA glass panel that bends whatever passes behind it, with refracting edges that split the colors.Adapted
- Liquid LogoYour logo turns into a mirror-polished metal piece, with reflections slowly flowing across its surface.Adapted
- MeteorsSmall streaks with tails cross the card diagonally, like shooting stars, each one at its own pace.Adapted
- Neon BorderA thin border with blue and pink light spinning around a field or button, like a neon sign.Adapted
- Progressive BlurThe image or content gets blurrier bit by bit toward the edge, like glass that grows more frosted.Adapted
- Scratch To RevealA card covered by a colorful layer that people scratch off with the mouse or a finger to find the prize.Adapted
- Shader Toy ViewerA canvas that runs visual effects written in GLSL, such as star fields and vortexes, and reacts to the mouse.Adapted
- SVG MaskA circle follows the mouse and, over the headline, grows to reveal a second hidden message.Adapted
Interaction and physics8 components
- Card StackA pile of photo cards where you drag the top one aside and it springs back to the bottom of the stack.THM exclusive
- Elastic SliderA range control whose track stretches like a rubber band when you pull past the end, then wobbles back.THM exclusive
- Elastic TrailA colorful ribbon, thick at the head and thin at the tip, that chases the mouse like a snake.THM exclusive
- Gravity TagsPill-shaped tags with service names drop onto the screen, bump into each other and pile up; drag and throw them.THM exclusive
- Holo CardA card with artwork that tilts in 3D under the mouse and shimmers with a rainbow sheen, like a rare trading card.THM exclusive
- Morph BlobA gradient blob whose outline changes slowly, as if breathing, and stretches toward the mouse.THM exclusive
- Rope MobileThin strings hung from a rail at the top, ending in cards or shapes that sway in a breeze and can be pulled.THM exclusive
- Parallax FloatScattered photos and shapes that shift at different speeds as the mouse moves, creating depth.Adapted
3D and space20 components
- ASCII RenderA 3D shape spinning on screen, drawn live with terminal letters and symbols instead of pixels.THM exclusive
- 3D CarouselPhotos arranged in a ring, like a cylinder, that you spin by dragging, with inertia and a floor reflection.THM exclusive
- ClothYour image becomes a fabric flag that ripples in the wind and can be pulled with the mouse or a finger.THM exclusive
- Gallery TunnelAn endless corridor with framed pictures on both walls that you travel with the mouse wheel, a drag or the arrow keys.THM exclusive
- Globe ConnectionsA dotted globe that spins on its own, with arcs of light linking 12 real cities around the world.THM exclusive
- Instanced ClusterA pile of matte balls and cubes that huddle in the center and part when the mouse passes through.THM exclusive
- OceanA calm sea at sunset, with moving waves, a golden reflection of the sun and a bobbing buoy.THM exclusive
- Particle MorphThousands of tiny dots that fly apart and regroup as a sphere, a ring, a cube and a word you choose.THM exclusive
- Product ConfiguratorA 3D bottle that turns with your finger or mouse, changes color and finish and updates the price instantly.THM exclusive
- Raymarch BlobA glossy liquid 3D shape that ripples, merges with a ring and two capsules and turns with your mouse.THM exclusive
- 3D CarouselTall image panels arranged in a ring that keeps turning around you and can be dragged by hand.Adapted
- Bending GalleryPhotos in a row along a curve that glide when you drag or scroll and ripple slightly as they move.Adapted
- BookA CSS-only 3D book with a gradient cover that turns sideways on hover and reveals the white page edges.Adapted
- Cube CarouselA cube that turns as you drag it, showing a photo or a video on each face.Adapted
- Github GlobeA blue globe with countries made of hexagons and colorful arcs crossing the planet, GitHub style.Adapted
- GlobeA light dotted globe with orange markers on major cities, turning slowly and easy to drag.Adapted
- Icon CloudA ball of round icons spinning in 3D that follows the mouse and brings the clicked icon to the front.Adapted
- Infinite GridA wall of image cards you can drag in any direction without ever reaching the edge.Adapted
- Light SpeedA night highway with streaks of headlights rushing past, speeding up while you hold the click.Adapted
- OrbitIcons or small elements circling around a center point, like planets around the sun.Adapted
Images and media27 components
- Audio TrimmerA waveform with two handles to pick a section, play it back, add fades and download it as WAV.THM exclusive
- Audio VisualizerA disc ringed by bars that dance with the sound, or flowing wave lines, playing ambient audio or listening to the mic.THM exclusive
- Depth ScanThe photo starts as a grid of dots and a wave of cyan light sweeps across it, revealing the image.THM exclusive
- DissolveThe photo crumbles into dust from the bottom up, with an orange edge that glows like burning paper.THM exclusive
- Distort HoverOn hover, the photo warps like liquid and turns into a second image.THM exclusive
- Glitch ImageThe image shakes, breaks into strips and splits its colors like a faulty TV signal.THM exclusive
- HalftoneThe photo turns into printed dots, like a newspaper or comic book, and a loupe shows the original.THM exclusive
- Image ParticlesThe image is made of thousands of colored dots that move away from the cursor and drift back.THM exclusive
- Infinite CanvasAn endless wall of photo cards you drag in any direction and open in detail with a single click.THM exclusive
- Liquid GlassA rounded slab of glass glides over the photo and bends the image at its edges, like a real lens.THM exclusive
- Masonry LanesPhotos of different heights fitted into columns, with category filters that rearrange everything with animation.THM exclusive
- Podcast PlayerA podcast player with chapters on the bar and a transcript that highlights and scrolls to the line being played.THM exclusive
- RelightA warm light follows the mouse over the photo and brings out relief, shine and shadows, like a flashlight.THM exclusive
- Shader TransitionA photo sequence that changes images with ripples, pixels, a swirl, a burn, a glitch or a circle.THM exclusive
- StoriesVertical cards in a phone-sized frame that advance on their own, with progress bars at the top and tap to skip.THM exclusive
- Video PlayerA player with a progress bar, hover thumbnails, chapters, captions, playback speed and fullscreen.THM exclusive
- Video TimelineAn editing timeline with clips you drag, trim and split, plus a preview that shows the result instantly.THM exclusive
- Water RippleThe photo sits under a sheet of water that ripples with the mouse, with clicks and with raindrops.THM exclusive
- Circular GalleryPhotos, logos or icons arranged in a ring that keep turning around the center and can pause on hover.Adapted
- CompareTwo stacked images or screens and a line in the middle you move with the mouse or a finger to compare.Adapted
- Expandable GalleryPhotos side by side in vertical strips; the one under the mouse widens and the others narrow.Adapted
- Images SliderOne large photo at a time that slides out of frame as the next one grows from the center.Adapted
- iPhone MockupAn iPhone drawn in SVG, with the island at the top and your app screenshot filling the screen.Adapted
- LensA round magnifying glass follows the mouse over a photo and shows the details enlarged, right in place.Adapted
- Particle ImageYour logo or portrait assembles from tiny dots that fly into place, scatter from the mouse and come back.Adapted
- Photo GalleryPhotos cut into diamonds that interlock like a mosaic and open into full squares on hover.Adapted
- Safari MockupA Safari window drawn in SVG, with an address bar and your site screenshot filling the page.Adapted
Cards and surfaces15 components
- Bottom SheetA panel that slides up from the bottom of the screen, stops at three heights and follows your finger.THM exclusive
- Color Picker ProA full color picker that shows what the screen can display, checks contrast and builds a tonal palette.THM exclusive
- Context MenuThe menu that opens on right-click, with submenus, shortcuts and toggle options, styled like your app.THM exclusive
- Onboarding TourA first-run tour that dims the screen, highlights one element at a time and explains what it does.THM exclusive
- Toast StackNotifications that pop up in a corner, stacked like cards, and go away on their own or with a sideways swipe.THM exclusive
- 3D Card EffectA card that tilts with the mouse and lifts its image, title and buttons into layers of depth.Adapted
- Apple Card CarouselA row of tall photo cards that scrolls sideways and opens each card in a panel over the page.Adapted
- Bento GridA section split into blocks of different sizes, like a Japanese lunch box, to present features or services.Adapted
- Card SpotlightA card with a soft circular glow that follows the cursor and fades when the mouse leaves.Adapted
- Card StackLarge cards that stick to the top of the screen and pile up on each other as the page scrolls.Adapted
- Direction Aware Hover CardA photo card that reveals text on hover and nudges the image according to the side the cursor came from.Adapted
- Fey CardsA fan of tall photos behind a large headline: each photo reveals itself on hover and the headline turns see-through.Adapted
- Flip CardA card that turns 180 degrees on hover to show its back side, flipping sideways or top to bottom.Adapted
- Floating CardA card that lifts, tilts in 3D and catches a glint of light that follows the cursor, over a deep shadow.Adapted
- Glare CardA dark card that catches a light glare and a hologram shimmer that follow the mouse, with a slight tilt.Adapted
Buttons and cursors10 components
- Fluid CursorA trail of bright, colorful ink that flows and fades behind the mouse, drawn over the whole page.Adapted
- Gradient ButtonA button with a thin rainbow border that keeps spinning around the text, softened by a slight blur.Adapted
- Image Trail CursorPhotos that pop up one after another behind the cursor and quickly fade, like a trail of images.Adapted
- Interactive Hover ButtonA pill button with a dot that grows to fill it on hover, while the text slides away and returns with an arrow.Adapted
- Rainbow ButtonA dark button with rainbow colors running along its bottom edge and a blurred colorful glow underneath.Adapted
- Ripple ButtonA button that releases a circle of color from the exact click point, growing and fading in under a second.Adapted
- Shimmer ButtonA black pill button with a beam of light running along its edge and an inner glow that grows on hover.Adapted
- Sleek Line CursorA bundle of thin colored lines chases the cursor across the screen, rippling like loose threads in the wind.Adapted
- Smooth CursorReplaces the system arrow with your own cursor that glides behind the mouse and turns toward the movement.Adapted
- Tailed CursorWide orange, green, yellow and cyan ribbons chase the cursor inside an area, swinging as if they hang on springs.Adapted
Forms and input11 components
- BR FormA multi-step sign-up form that formats and checks Brazilian CPF, CNPJ, phone, CEP and password as people type.THM exclusive
- Date RangeA two-month calendar to pick a start and end date, with quick shortcuts, typed input and highlighted holidays.THM exclusive
- Image EditorAn in-page photo editor to crop, rotate, adjust brightness and color, apply filters and export the image.THM exclusive
- OTP InputBoxes for the code that arrives by SMS, with paste support, auto-advance, animated states and a resend button.THM exclusive
- Signature PadAn area to sign with a finger, stylus or mouse, with a baseline, the signer's name, the date and export.THM exclusive
- Balance SliderA bar that splits into two colored parts with each side's percentage, like coffee and milk in a cup.Adapted
- Color PickerA button that opens a panel to pick a color from a shade area, type HEX, RGB or HSL and check the contrast.Adapted
- File UploadAn area to drag files into or click to choose, with a card that lifts up and a list of the selected files.Adapted
- Halo SearchA dark search field wrapped in blue and magenta light rings that rotate when you hover and click.Adapted
- InputA text field whose border lights up in blue right where the cursor passes, like a small flashlight on the frame.Adapted
- Placeholders And Vanish InputA pill-shaped field with hints that slide up and rotate; on submit, the typed text crumbles into dust.Adapted
Data and visualization12 components
- Activity HeatmapA whole year in small squares, one per day, getting darker on the days with more activity.THM exclusive
- Bar RaceHorizontal bars that move forward period by period and swap places in the ranking as time goes by.THM exclusive
- Brazil MapBrazil's 27 federative units as hexagons placed like the real map, darker where the number is higher.THM exclusive
- CandlestickA stock market chart with green and red candles, volume below, mouse wheel zoom and drag to move through time.THM exclusive
- Live ChartA smooth area chart that keeps receiving new points and slides its time axis along.THM exclusive
- OdometerBig numbers that roll like the drums of a car odometer and settle with a slight bounce.THM exclusive
- Pivot TableA table that summarizes your records; drag fields between rows, columns and values to change the view.THM exclusive
- Radial GaugeArc gauges with green, amber and red bands, a needle that swings into place and a counting number.THM exclusive
- Sankey FlowCurved bands that show where each part of a total goes, with small dots running in proportion to the volume.THM exclusive
- TreemapA panel of colored rectangles, each sized by its share; click one to zoom into the next level.THM exclusive
- Animated Circular Progress BarA ring that fills with animation up to the goal percentage, with the number in the middle.Adapted
- World MapA world map made of tiny dots, with arcs drawing themselves between cities marked by blue points.Adapted
Apps and productivity20 components
- Block EditorA text editor where every line is a block: type a slash to add headings, lists and to-dos, and drag to reorder.THM exclusive
- Code EditorA code editor with language colors, line numbers, search and collapsible blocks, right inside your page.THM exclusive
- Comments LayerNumbered pins you drop on an image or screen to comment, reply and mark as resolved.THM exclusive
- Data GridA table that scrolls through thousands of rows smoothly, with filters, sorting, editing and spreadsheet copy and paste.THM exclusive
- Diff ViewerShows what changed between two versions of code or text, in red and green, so you can accept or reject each part.THM exclusive
- Flow EditorAn infinite board where you wire boxes together to build automations and watch the flow run with pulses of light.THM exclusive
- Force GraphThousands of colored dots linked by threads that arrange themselves into clusters, with search and zoom to any node.THM exclusive
- GanttA bar schedule you drag to change dates, with arrows between tasks and the critical path in red.THM exclusive
- KanbanA board of columns with cards you drag between stages, with per-column limits, due dates and priorities.THM exclusive
- Live CursorsColored arrows with each teammate's name moving across the document, with their text selections and cursor messages.THM exclusive
- Mind MapA central idea in the middle and colored curved branches you create with Tab and Enter, drag and collapse.THM exclusive
- Org ChartAn org chart that lays itself out as a tree, with teams that open and close and search that traces the path to anyone.THM exclusive
- SchedulerA weekly appointment calendar where you create, move and stretch time slots by dragging, with a color per provider.THM exclusive
- Split PanesA screen split into areas you widen, shrink or collapse by dragging the lines between them, like a code editor.THM exclusive
- SpreadsheetA spreadsheet inside your app, with cells, a formula bar and totals that recalculate on their own.THM exclusive
- TerminalA dark terminal window where people type commands, see colored output and watch a demo deploy fill its progress bars.THM exclusive
- Version TimelineA timeline of a document's versions, with a slider to go back in time, side-by-side comparison and a restore button.THM exclusive
- WhiteboardAn endless whiteboard to stick notes, draw shapes, connect arrows and sketch by hand, like a live workshop wall.THM exclusive
- File TreeA list of folders and files that opens and closes with a click, like the explorer in a code editor.Adapted
- Spring CalendarA card with the days as buttons: pick a day and the card stretches with a spring and shows its events.Adapted
AI interfaces8 components
- Agent TraceA panel that shows, step by step, what the AI is thinking, which tools it called and how long each step took.THM exclusive
- Approval CardA card where people review what the AI is about to do and hold a button to approve it, or reject or edit it first.THM exclusive
- Chat ThreadAn AI assistant conversation where answers stream in, and people can regenerate, edit their question and rate replies.THM exclusive
- Generative UIA panel the AI builds on screen by itself, piece by piece, with metrics, charts, lists, forms and buttons.THM exclusive
- Model CompareTwo AI models answer the same question side by side, unnamed, and you vote before finding out which is which.THM exclusive
- Prompt ComposerAn AI app message box that grows with the text, takes files, records audio and opens commands when you type a slash.THM exclusive
- Stream TextAn assistant reply that shows up bit by bit, word by word, coming out of a soft blur like in an AI chat.THM exclusive
- Voice OrbA glowing sphere that breathes while idle and pulses with the voice when the assistant listens or speaks.THM exclusive
Commerce and conversion11 components
- Cart DrawerA cart that slides in from the side of the store, with coupons, shipping by postal code and a free shipping bar.THM exclusive
- Checkout BRA three-step payment screen with a Pix QR code, card installments and boleto, with the order summary alongside.THM exclusive
- Pricing TiersPlan cards side by side with a monthly and yearly switch, a featured plan and a full feature comparison.THM exclusive
- Product GalleryA main photo with a magnifier that enlarges details on hover, thumbnails below and a fullscreen view with zoom.THM exclusive
- Rating ReviewsA customer reviews block with a star average, bars per rating, filters, sorting and a review form.THM exclusive
- Animate GridA logo grid tilted in 3D where the logo under the mouse pops forward and glows green.Adapted
- Animated Logo CloudA strip of your client logos gliding slowly in a single color, below a short title.Adapted
- Animated TestimonialsCustomer photos stacked at slight angles, with the testimonial quote appearing word by word beside them.Adapted
- Design TestimonialsA testimonial in large type that appears word by word, with a giant number in the background that follows the mouse.Adapted
- Logo OrigamiA card that changes logo every few seconds, folding in half like an old airport departure board.Adapted
- Testimonial SliderOne testimonial at a time, with a round photo swinging in an arc on each change and the quote sliding into place.Adapted
Give your AI a studio-grade repertoire
268 Vue and Nuxt components, 115 exclusive, a ready prompt in every one. Single payment, lifetime access and a 7-day guarantee.