@uitripled

Glassmorphism about page showcasing mission, values, and leadership with motion accents.

About us section with value cards, icons, and animated reveal effects (Base UI)

About us section with value cards, icons, and animated reveal effects

Chat input with attachments, model selector, and accessible controls

Input field with dynamic glow that pulses based on typing speed - smart motion feedback

Loading state with diagonal shimmer gradient and opacity wave

Character-by-character typing animation with natural pauses and thinking states

Premium unlock animation with particles, ripples, and loading states

Accordion with smooth expand/collapse and rotate arrow

Stacked cards that expand on hover (Base UI)

Stacked cards that expand on hover

Checkbox with checkmark animation

Modal dialog with backdrop fade and spring animation

List with staggered item animations

Navigation bar with animated underline indicator

Pagination with smooth page transition indicator

Floating profile avatar that reveals quick action cards with smooth motion

Progress bar with smooth animation

Quote that types itself in, pauses, then subtly breathes

Radio button group with selection ripple

Select dropdown with smooth open/close animation

Sidebar with slide-in animation and overlay

Tabs with sliding indicator animation

Tooltip with delay and slide animation

Heading that reveals each letter/word with staggered motion on scroll

Stacked avatar group with hover reveal and tooltips

Layered bento grid with imagery, metrics, and smooth motion reveals (Base UI)

Layered bento grid with imagery, metrics, and smooth motion reveals

Animated blog posts grid with staggered cards, date/time indicators, and hover effects (Base UI)

Animated blog posts grid with staggered cards, date/time indicators, and hover effects

Beautiful blog post typography with text, links, images, blockquotes, and code examples

Cute bottom-centered modal with smooth slide-up animation and glassmorphism design

Folder browser with animated tabs and content (Base UI)

Folder browser with animated tabs and content

Liquid smooth draggable cards slider with shadcn/ui styling and framer-motion animations

Interactive cash flow bar chart with keyboard focus, tooltips, and screen reader support

Fully functional chat interface with animated messages

Cinematic theater ticket with rip effect and barcode (Base UI)

Cinematic theater ticket with rip effect and barcode

Command palette with search and keyboard navigation

Nested comment thread with rich interactions and animations

Animated conference ticket with glassmorphism effects and holographic details (Base UI)

Animated conference ticket with glassmorphism effects and holographic details

Contact form with animated contact info cards, working hours, and interactive icons (Base UI)

Contact form with animated contact info cards, working hours, and interactive icons

Contact form section with animated inputs, validation, and form handling (Base UI)

Contact form section with animated inputs, validation, and form handling

Right-click reveals circular expanding radial menu with icons

Right-click context menu with nested items animation

Interactive course page with video player, instructor details, curriculum sections, and progress tracking

3D animated credit card with flip animation to show CVV (Base UI)

3D animated credit card with flip animation to show CVV

Animated call-to-action banner with gradient background and button animations (Base UI)

Animated call-to-action banner with gradient background and button animations

Call-to-action section with gradient overlay, animated buttons, and status indicator (Base UI)

Call-to-action section with gradient overlay, animated buttons, and status indicator

Engaging hero section with email signup, video preview, and social proof (Base UI)

Engaging hero section with email signup, video preview, and social proof

Finance conversion widget with animated inputs, simulated exchange updates, and contextual feedback (Base UI)

Finance conversion widget with animated inputs, simulated exchange updates, and contextual feedback

Interactive stock portfolio dashboard with status cards, data table, and detailed stock information modal (Base UI)

Interactive stock portfolio dashboard with status cards, data table, and detailed stock information modal

Task management detail panel with animated assignee chips and editor controls (Base UI)

Task management detail panel with animated assignee chips and editor controls

Slider that activates action only when fully dragged to end

Reorderable list with drag and drop spring physics

Floating spotlight follows cursor to reveal gradient CTA text with premium effects

Floating cluster of tags that drift and rearrange when hovered

Product spotlight card with blurred border, bundle selector, and fulfillment details (Base UI)

Product spotlight card with blurred border, bundle selector, and fulfillment details

Toggle switch with elastic spring animation

Minimal search icon that expands into full input with blur

Modal with fade backdrop and slide-up animation

Expandable FAQ section with smooth accordion animations (Base UI)

Expandable FAQ section with smooth accordion animations

Animated FAQ section with expandable questions and smooth transitions (Base UI)

Animated FAQ section with expandable questions and smooth transitions

Three feature cards with icons, hover effects, and glassmorphism styling (Base UI)

Three feature cards with icons, hover effects, and glassmorphism styling

Interactive pricing comparison table with animated checkmarks and plan highlights (Base UI)

Interactive pricing comparison table with animated checkmarks and plan highlights

Animated feature grid with staggered card animations and icon reveals (Base UI)

Animated feature grid with staggered card animations and icon reveals

Floating chat widget with AI agent selection dropdown and animations

Animated floating gradient background effect

Info tooltip that drifts up/down while fading in/out intermittently

Input with animated floating label

Modal that expands smoothly from clicked trigger element using layoutId

Animated folder card with motion blur effect, perfect for showcasing file operations or loading states

Animated folder card with motion blur effect, perfect for showcasing file operations or loading states.

Comprehensive footer with links, newsletter signup, social icons, and scroll-to-top (Base UI)

Comprehensive footer with links, newsletter signup, social icons, and scroll-to-top

Filterable image gallery with animated lightbox and navigation (Base UI)

Filterable image gallery with animated lightbox and navigation

Account management card with subscription overview and billing actions in glassmorphic style

Glassmorphism blog card with image zoom, author info, and read action (Base UI)

Glassmorphism blog card with image zoom, author info, and read action

Glassmorphism checkout card with payment method selector and input fields (Base UI)

Glassmorphism checkout card with payment method selector and input fields

Reset-password screen with glassmorphic styling and status messaging

Glassmorphism order summary card with item list and checkout button (Base UI)

Glassmorphism order summary card with item list and checkout button

Glassmorphic profile settings form with avatar upload, bio, and notification preferences

Glassmorphic sign-in panel with social auth buttons and email form

Glassmorphic sign-up flow with social providers, email fields, and terms checkbox

Verification code entry with glassmorphic inputs, status messaging, and reduced-motion support

Glassmorphism crypto wallet card with balance, trend, and action buttons (Base UI)

Glassmorphism crypto wallet card with balance, trend, and action buttons

Call-to-action section with glassy card, gradient background, and animated buttons (Base UI)

Call-to-action section with glassy card, gradient background, and animated buttons

Modern hero section with glassmorphism effects, animated background orbs, and CTA buttons (Base UI)

Modern hero section with glassmorphism effects, animated background orbs, and CTA buttons

Frictionless launch roadmap with staggered motion, glassmorphism milestones, and paired CTA actions (Base UI)

Frictionless launch roadmap with staggered motion, glassmorphism milestones, and paired CTA actions

Music streaming block with glassmorphism player, curated highlights, and animated controls (Base UI)

Music streaming block with glassmorphism player, curated highlights, and animated controls

Glassmorphism partner grid with floating motion, brand hints, and collaborative call-to-action (Base UI)

Glassmorphism partner grid with floating motion, brand hints, and collaborative call-to-action

Focused metric cards with glass surfaces, subtle motion, and concierge insight CTA banner (Base UI)

Focused metric cards with glass surfaces, subtle motion, and concierge insight CTA banner

Personal portfolio spotlight with profile portrait, narrative highlights, and animated social links (Base UI)

Personal portfolio spotlight with profile portrait, narrative highlights, and animated social links

Pricing cards with glassmorphism effects, hover animations, and feature lists (Base UI)

Pricing cards with glassmorphism effects, hover animations, and feature lists

Multi-state changelog cards with glass overlays, status badges, and GitHub integration banner (Base UI)

Multi-state changelog cards with glass overlays, status badges, and GitHub integration banner

Interactive statistics card with hover reveal and smooth transitions (Base UI)

Interactive statistics card with hover reveal and smooth transitions

Customer testimonials with glassmorphism cards, star ratings, and hover effects (Base UI)

Customer testimonials with glassmorphism cards, star ratings, and hover effects

Hero section with glowy waves effect (Base UI)

Hero section with glowy waves effect

Smoothly transitioning gradient background

Animated heart icon for like/favorite actions

Personal portfolio hero section with animated avatar, staggered text, social links, and scroll indicator (Base UI)

Personal portfolio hero section with animated avatar, staggered text, social links, and scroll indicator

Hero section with staggered text and button reveal (Base UI)

Hero section with staggered text and button reveal

Black wall with Pharaonic hieroglyphs and golden cursor light reflection

Card that lifts and expands on hover (Base UI)

Card that lifts and expands on hover

Image carousel card with keyboard support, reduced motion handling, and screen reader-friendly labels

Observability logs panel with animated filters, search, and expandable rows (Base UI)

Observability logs panel with animated filters, search, and expandable rows

Vertical timeline where elements animate and connect with lines on scroll

Interactive Kanban board with drag-and-drop, glassmorphism styling, and task management features

A liquid-like cursor effect that mixes colors on movement

Mac-style searchbar with animated dropdown, glassmorphism effects, and smooth transitions

Stacked avatars that spread apart on hover showing tooltips

Glassmorphism messenger workspace with accessible motion and quick replies

Vercel-inspired minimal resume with clean typography and grid layout (Base UI)

Vercel-inspired minimal resume with clean typography and grid layout

Button with background gradient that shifts based on hover angle

Glassmorphic account switcher with animated dropdown and accessible listbox controls

Visual workflow automation builder with animated nodes, connections, and real-time execution monitoring (Base UI)

Visual workflow automation builder with animated nodes, connections, and real-time execution monitoring

A click-driven action picker whose multi-level submenu opens beside the row and drills in place with an animated breadcrumb at a fixed width. (Base UI)

A click-driven action picker whose multi-level submenu opens beside the row, jumps straight to the selected item, and drills in place with an animated breadcru…

Avatar component that expands to reveal the name on click with smooth animations. (Base UI)

Avatar component that expands to reveal the name on click with smooth animations.

Avatar component that displays a name tooltip on hover with directional animations. (Base UI)

Avatar component that displays a name tooltip on hover with directional animations.

Animated badge component with glass, glow, and outline variants for native feel.

Animated badge component with glass, glow, and outline variants for native feel.

Glassmorphism-inspired button component based on shadcn/ui with smooth animations and modern styling (Base UI)

Glassmorphism-inspired button component based on shadcn/ui with smooth animations and modern styling

Animated number counter with smooth easing and accessibility support.

Animated number counter with smooth easing and accessibility support.

Delete button that expands to show a confirmation button with smooth animations. (Base UI)

Delete button that expands to show a confirmation button with smooth animations.

A glassmorphism-styled dialog component with backdrop blur and smooth animations, inspired by native OS modals. (Base UI)

A glassmorphism-styled dialog component with backdrop blur and smooth animations, inspired by native OS modals.

Text that flips through words with a 3D blur transition.

Text that flips through words with a 3D blur transition. (Base UI)

Text that flips through words with a 3D blur transition.

Text that flips through words with a 3D blur transition.

Label that smoothly follows the cursor with spring physics and customizable variants.

Label that smoothly follows the cursor with spring physics and customizable variants.

Avatar card that expands on hover to reveal profile information with smooth animations. (Base UI)

Avatar card that expands on hover to reveal profile information with smooth animations.

Image checkbox component with grayscale filter and checkmark indicator. (Base UI)

Image checkbox component with grayscale filter and checkmark indicator.

Image checkbox component with grayscale filter and checkmark indicator.

An interactive likes counter with avatar stack, popup details, and smooth animations. (Base UI)

An interactive likes counter with avatar stack, popup details, and smooth animations.

Button with animated liquid fill effect, progress tracking, and multiple visual variants for engaging interactions. (Base UI)

Button with animated liquid fill effect, progress tracking, and multiple visual variants for engaging interactions.

Magnetic wrapper that applies a cursor-following effect to any content.

Magnetic wrapper that applies a cursor-following effect to any content. (Base UI)

Magnetic wrapper that applies a cursor-following effect to any content.

Magnetic wrapper that applies a cursor-following effect to any content.

A smooth, infinite scrolling marquee for logos or text. (Base UI)

A smooth, infinite scrolling marquee for logos or text.

Floating action button that morphs into a menu of actions. (Base UI)

Floating action button that morphs into a menu of actions.

Floating action button that morphs into a menu of actions.

A nested list component with smooth expand/collapse animations. (Base UI)

A nested list component with smooth expand/collapse animations, perfect for file explorers or navigation menus.

Dynamic Island-inspired notch component with smooth spring animations, draggable physics, and expandable content area (Base UI)

Dynamic Island-inspired notch component with smooth spring animations, draggable physics, and expandable content area

Animated notification bell with badge and ringing effect. (Base UI)

Animated notification bell with badge and ringing effect.

Animated notification bell with badge and ringing effect.

A dynamic expanding notch component for displaying user profiles with smooth spring animations. (Base UI)

A dynamic expanding notch component for displaying user profiles with smooth spring animations.

Animated button with sparkle effects, loading states, and smooth transitions for starting actions. (Base UI)

Animated button with sparkle effects, loading states, and smooth transitions for starting actions.

A sleek tabs component with a smooth sliding background indicator using Framer Motion layout animations. (Base UI)

A sleek tabs component with a smooth sliding background indicator using Framer Motion layout animations.

A sleek tabs component with a smooth sliding background indicator using Framer Motion layout animations.

A glassmorphism-styled tooltip with smooth spring animations using Framer Motion. (Base UI)

A glassmorphism-styled tooltip with smooth spring animations using Framer Motion.

Typewriter effect with speed control, looping, and blinking cursor.

Typewriter effect with speed control, looping, and blinking cursor. (Base UI)

Typewriter effect with speed control, looping, and blinking cursor.

Compact user profile card with avatar, name, handle, and action button with spring animations (Base UI)

Compact user profile card with avatar, name, handle, and action button with spring animations

Verified badge component with multiple variants, sizes, and styles including outline and shield designs. (Base UI)

Verified badge component with multiple variants, sizes, and styles including outline and shield designs.

Modern hero section with gradient background, animated stats, and call-to-action buttons (Base UI)

Modern hero section with gradient background, animated stats, and call-to-action buttons

Interactive news feed with categories, search, and animated cards

Animated newsletter subscription form with success state and gradient background (Base UI)

Animated newsletter subscription form with success state and gradient background

Multi-variant notification stack with accessible announcements, actions, and motion states

Notion-style publishing playbook with rich text, toggles, and supporting visuals (Base UI)

Notion-style publishing playbook with rich text, toggles, and supporting visuals

Services section with service cards, badges, icons, and hover animations (Base UI)

Services section with service cards, badges, icons, and hover animations

Password input with toggle visibility and strength indicator

Link card that reveals a smooth detail preview box on hover

Animated pricing cards with hover effects and feature lists (Base UI)

Animated pricing cards with hover effects and feature lists

Clean, formal resume template suitable for corporate applications (Base UI)

Clean, formal resume template suitable for corporate applications

User profile with gradient cover, stats, and posts feed

Glassmorphism project card with links, tags, and hover effects (Base UI)

Glassmorphism project card with links, tags, and hover effects

Animated project card with hover effects, image zoom, and link buttons (Base UI)

Animated project card with hover effects, image zoom, and link buttons

Background pattern that reacts to mouse movement and click ripples

Professional resume template with animated sections and interactive elements (Base UI)

Professional resume template with animated sections and interactive elements

Material design inspired ripple effect on click

A button that scales up smoothly on hover

Fixed progress bar that follows scroll and glows on section changes

Section that animates into view on scroll with intersection observer (Base UI)

Section that animates into view on scroll with intersection observer

8-column responsive services grid with icons, features, and hover effects (Base UI)

8-column responsive services grid with icons, features, and hover effects