UI TripleD — 89 React Components, Preview & Copy | 21st.dev

UI TripleD

UI TripleD

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

Mby Moumen Soliman

29components1.9Mviews8.1Kbookmarks

UI TripleD components

Action dropdown

Action dropdown

Liquid Cursor

Liquid Cursor

Volume Component

Volume Component

Team Section Block

Team Section Block

N8N Workflow Block

N8N Workflow Block

Minimal Resume

Minimal Resume

Interactive Logs Table

Interactive Logs Table

Hero Section

Hero Section

Hero Block

Hero Block

Heart Favorite

Heart Favorite

Glowy Waves Hero

Glowy Waves Hero

Glassmorphism Portfolio

Glassmorphism Portfolio

Glassmorphism Minimal Metrics

Glassmorphism Minimal Metrics

Glassmorphism Listen App

Glassmorphism Listen App

Glass Checkout Card

Glass Checkout Card

Glass Blog Card

Glass Blog Card

Glass Account Settings Card

Glass Account Settings Card

Gallery Grid with Lightbox

Gallery Grid with Lightbox

Floating Chat Widget

Floating Chat Widget

FAQ Section

FAQ Section

FAQ Accordion

FAQ Accordion

Expanding Search Dock

Expanding Search Dock

Elastic Toggle Switch

Elastic Toggle Switch

Scroll Fade Effect

Scroll Fade Effect

Components
/
Moumen Soliman
/
UI TripleD

Related libraries

shadcn/ui87

Layouts24

Spell24

by tom

Systaliko UI33

by YoucefBnm Bnm

8bitcn106

Fluid Functionalism9

by micka_design

About UI TripleD

UI TripleD is a component library on 21st.dev by Moumen Soliman with 89 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 89 UI TripleD components

Action dropdown
Avatar Hover Card
Avatar with name
Bento Grid Block
Blog Block
Browse Folder
Contact Block
Contact Form
CTA Banner Section
CTA Block
CTA Hero Block
Dashboard

Browse all component libraries →

Detail Task Card

Ecommerce Highlight Card

Elastic Toggle Switch

Expanding Search Dock

Feature Comparison Table

Floating Chat Widget

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

Glass Order Summary

Glowy Waves Hero

Glowy Waves Hero

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 User Card

New Hero Section

Newsletter Signup Block

Pricing Section

Professional Resume

Scroll Fade Effect

Standard Resume

Team Section Block

Team Section Block

Testimonial Section

Volume Component

Weather Dashboard