UI TripleD — 108 React Components, Preview & Copy | 21st

UI TripleD

UI TripleD

Production-ready UI blocks, components, and pages for shadcn/ui and Base UI, powered by Framer Motion.

by Moumen Soliman

49components2.6Mviews10.6Kbookmarks

UI TripleD contents

Notion Blog Page

Notion Blog Page

Notion Blog Page

Share Permissions Popover

Share Permissions Popover

Share Permissions Popover

Caret Mention Popover

Caret Mention Popover

Caret Mention Popover

Unlimited Nested Menu

Unlimited Nested Menu

Schedule Builder

Schedule Builder

Schedule Builder

Command Palette with Argument Chips

Command Palette with Argument Chips

Command Palette with Argument Chips

Search Expand Navigation Bar

Search Expand Navigation Bar

Stocks Dashboard

Stocks Dashboard

Stocks Dashboard

Course Content Page

Course Content Page

Course Content Page

Glassmorphism CTA

Glassmorphism CTA

Glassmorphism CTA

Animated Progress Bar

Animated Progress Bar

Animated Progress Bar

Accessible Image Slider Card

Accessible Image Slider Card

Stats Counter Block

Stats Counter Block

Glassmorphism Testimonials

Glassmorphism Testimonials

Testimonials Block

Testimonials Block

Feature Cards Grid

Feature Cards Grid

About Us Section

About Us Section

Synced Lyric Captions

Synced Lyric Captions

Native Typewriter

Native Typewriter

Holographic Wall

Holographic Wall

Gradient Animation

Gradient Animation

Floating Gradient

Floating Gradient

Action dropdown

Action dropdown

Liquid Cursor

Liquid Cursor

Components
/
Moumen Soliman
/
UI TripleD

Related libraries

Ruixen UI

345

components

Efferd

116

components

shadcn/ui

83

components

HextaUI

by Preet Suthar

120

components

Freedom

by Dhileep Kumar GM

218

components

Geist

by tigran tumasov

73

components

About UI TripleD

UI TripleD is a component library on 21st.dev by Moumen Soliman with 108 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.

All 108 UI TripleD components

About Us Section
Accessible Image Slider Card
Action dropdown
Animated Progress Bar
Avatar Hover Card
Avatar with name
Bento Grid Block
Blog Block
Browse Folder
Caret Mention Popover
Command Palette with Argument Chips

Browse all component libraries →

Course Content Page

CTA Banner Section

Detail Task Card

Ecommerce Highlight Card

Elastic Toggle Switch

Expanding Search Dock

Feature Cards Grid

Feature Comparison Table

Floating Gradient

Gallery Grid with Lightbox

Gallery Grid with Lightbox

Glass Account Settings Card

Glass Blog Card

Glass Blog Card

Glass Checkout Card

Glass Checkout Card

Glassmorphism CTA

Glassmorphism Hero

Glassmorphism Launch Timeline

Glassmorphism Listen App

Glassmorphism Listen App

Glassmorphism Logo Showcase

Glassmorphism Minimal Metrics

Glassmorphism Minimal Metrics

Glassmorphism Portfolio

Glassmorphism Portfolio

Glassmorphism Pricing

Glassmorphism Product Updates

Glassmorphism Testimonials

Glass Order Summary

Glowy Waves Hero

Glowy Waves Hero

Gradient Animation

Holographic Wall

Interactive Logs Table

Interactive Logs Table

Interactive Resume Card

N8N Workflow Block

N8N Workflow Block

Native Avatar Expand

Native Avatar With Name

Native Hover Card

Native Image Checkbox

Native Likes Counter

Native Liquid Button

Native Liquid Button

Native Magnetic

Native Nested List

Native Profile Notch

Native Start Now

Native Start Now

Native Typewriter

Native User Card

New Hero Section

Newsletter Signup Block

Notion Blog Page

Pricing Section

Professional Resume

Schedule Builder

Scroll Fade Effect

Search-Expand Navigation Bar

Share Permissions Popover

Standard Resume

Stats Counter Block

Stocks Dashboard

Synced Lyric Captions

Team Section Block

Team Section Block

Testimonials Block

Testimonial Section

Unlimited Nested Menu

Volume Component

Weather Dashboard