UI TripleD — 87 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

27components1.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

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

FAQ Section

FAQ Section

Expanding Search Dock

Expanding Search Dock

Elastic Toggle Switch

Elastic Toggle Switch

Scroll Fade Effect

Scroll Fade Effect

Profile Notch

Delete Button

Delete Button

Components
/
Moumen Soliman
/
UI TripleD

Related libraries

Ruixen UI

388

components

Efferd

by Shaban Haider

100

components

shadcn/ui

87

components

ReUI

95

components

HextaUI

by Preet Suthar

113

components

Geist

by tigran tumasov

85

components

About UI TripleD

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

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