# UI TripleD

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

- Owner: [Moumen Soliman](https://21st.dev/@moumensoliman)
- Components: 89
- Website: https://ui.tripled.work/
- GitHub: https://github.com/moumen-soliman/uitripled
- Live page: https://21st.dev/@moumensoliman/library/ui-tripled

## Components

All 89 of them:

- [Action dropdown](https://21st.dev/@moumensoliman/components/action-dropdown.md)
- [Avatar Hover Card](https://21st.dev/@moumensoliman/components/avatar-hover-card.md)
- [Avatar with name](https://21st.dev/@moumensoliman/components/avatar-with-name.md)
- [Bento Grid Block](https://21st.dev/@moumensoliman/components/bento-grid-block-baseui.md)
- [Blog Block](https://21st.dev/@moumensoliman/components/blog-block-baseui.md)
- [Browse Folder](https://21st.dev/@moumensoliman/components/browse-folder-baseui.md)
- [Contact Block](https://21st.dev/@moumensoliman/components/contact-block-baseui.md)
- [Contact Form](https://21st.dev/@moumensoliman/components/contact-form-section-baseui.md)
- [CTA Banner Section](https://21st.dev/@moumensoliman/components/cta-banner-section-baseui.md)
- [CTA Block](https://21st.dev/@moumensoliman/components/cta-block-baseui.md)
- [CTA Hero Block](https://21st.dev/@moumensoliman/components/cta-hero-block-baseui.md)
- [Dashboard](https://21st.dev/@moumensoliman/components/dashboard-shadcnui.md)
- [Delete Button](https://21st.dev/@moumensoliman/components/delete-button.md)
- [Detail Task Card](https://21st.dev/@moumensoliman/components/detail-task-card-baseui.md)
- [Ecommerce Highlight Card](https://21st.dev/@moumensoliman/components/ecommerce-highlight-card-baseui.md)
- [Elastic Toggle Switch](https://21st.dev/@moumensoliman/components/elastic-switch-shadcnui.md)
- [Expanding Search Dock](https://21st.dev/@moumensoliman/components/expanding-search-dock-shadcnui.md)
- [FAQ Accordion](https://21st.dev/@moumensoliman/components/faq-accordion-block-baseui.md)
- [FAQ Accordion](https://21st.dev/@moumensoliman/components/faq-accordion-block-shadcnui.md)
- [FAQ Section](https://21st.dev/@moumensoliman/components/faq-section-shadcnui.md)
- [Feature Comparison Table](https://21st.dev/@moumensoliman/components/feature-comparison-block-baseui.md)
- [Floating Chat Widget](https://21st.dev/@moumensoliman/components/floating-chat-widget-shadcnui.md)
- [Footer Block](https://21st.dev/@moumensoliman/components/footer-block-baseui.md)
- [Gallery Grid with Lightbox](https://21st.dev/@moumensoliman/components/gallery-grid-block-shadcnui.md)
- [Gallery Grid with Lightbox](https://21st.dev/@moumensoliman/components/gallery-grid-block-baseui.md)
- [Glass Account Settings Card](https://21st.dev/@moumensoliman/components/glass-account-settings-card-shadcnui.md)
- [Glass Blog Card](https://21st.dev/@moumensoliman/components/glass-blog-card-shadcnui.md)
- [Glass Blog Card](https://21st.dev/@moumensoliman/components/glass-blog-card-baseui.md)
- [Glass Checkout Card](https://21st.dev/@moumensoliman/components/glass-checkout-card-baseui.md)
- [Glass Checkout Card](https://21st.dev/@moumensoliman/components/glass-checkout-card-shadcnui.md)
- [Glassmorphism CTA](https://21st.dev/@moumensoliman/components/glassmorphism-cta-block-baseui.md)
- [Glassmorphism Hero](https://21st.dev/@moumensoliman/components/glassmorphism-hero-block-baseui.md)
- [Glassmorphism Launch Timeline](https://21st.dev/@moumensoliman/components/glassmorphism-launch-timeline-block-baseui.md)
- [Glassmorphism Listen App](https://21st.dev/@moumensoliman/components/glassmorphism-listen-app-block-shadcnui.md)
- [Glassmorphism Listen App](https://21st.dev/@moumensoliman/components/glassmorphism-listen-app-block-baseui.md)
- [Glassmorphism Logo Showcase](https://21st.dev/@moumensoliman/components/glassmorphism-logo-showcase-block-baseui.md)
- [Glassmorphism Minimal Metrics](https://21st.dev/@moumensoliman/components/glassmorphism-minimal-metrics-block-baseui.md)
- [Glassmorphism Minimal Metrics](https://21st.dev/@moumensoliman/components/glassmorphism-minimal-metrics-block-shadcnui.md)
- [Glassmorphism Portfolio](https://21st.dev/@moumensoliman/components/glassmorphism-portfolio-block-baseui.md)
- [Glassmorphism Portfolio](https://21st.dev/@moumensoliman/components/glassmorphism-portfolio-block-shadcnui.md)
- [Glassmorphism Pricing](https://21st.dev/@moumensoliman/components/glassmorphism-pricing-block-baseui.md)
- [Glassmorphism Product Updates](https://21st.dev/@moumensoliman/components/glassmorphism-product-update-block-baseui.md)
- [Glass Order Summary](https://21st.dev/@moumensoliman/components/glass-order-summary-baseui.md)
- [Glowy Waves Hero](https://21st.dev/@moumensoliman/components/glowy-waves-hero-baseui.md)
- [Glowy Waves Hero](https://21st.dev/@moumensoliman/components/glowy-waves-hero-shadcnui.md)
- [Heart Favorite](https://21st.dev/@moumensoliman/components/heart-favorite-shadcnui.md)
- [Hero Block](https://21st.dev/@moumensoliman/components/hero-block-baseui.md)
- [Hero Block](https://21st.dev/@moumensoliman/components/hero-block-shadcnui.md)
- [Hero Section](https://21st.dev/@moumensoliman/components/hero-section-baseui.md)
- [Hero Section](https://21st.dev/@moumensoliman/components/hero-section-shadcnui.md)
- [Interactive Logs Table](https://21st.dev/@moumensoliman/components/interactive-logs-table-baseui.md)
- [Interactive Logs Table](https://21st.dev/@moumensoliman/components/interactive-logs-table-shadcnui.md)
- [Interactive Resume Card](https://21st.dev/@moumensoliman/components/resume-card-baseui.md)
- [Kanban Board](https://21st.dev/@moumensoliman/components/kanban-board-shadcnui.md)
- [Liquid Cursor](https://21st.dev/@moumensoliman/components/liquid-cursor.md)
- [Minimal Resume](https://21st.dev/@moumensoliman/components/minimal-resume-baseui.md)
- [Minimal Resume](https://21st.dev/@moumensoliman/components/minimal-resume-shadcnui.md)
- [N8N Workflow Block](https://21st.dev/@moumensoliman/components/n8n-workflow-block-baseui.md)
- [N8N Workflow Block](https://21st.dev/@moumensoliman/components/n8n-workflow-block-shadcnui.md)
- [Native Avatar Expand](https://21st.dev/@moumensoliman/components/native-avatar-expand-baseui.md)
- [Native Avatar With Name](https://21st.dev/@moumensoliman/components/native-avatar-with-name-baseui.md)
- [Native Delete](https://21st.dev/@moumensoliman/components/native-delete-baseui.md)
- [Native Hover Card](https://21st.dev/@moumensoliman/components/native-hover-card-baseui.md)
- [Native Image Checkbox](https://21st.dev/@moumensoliman/components/native-image-checkbox-baseui.md)
- [Native Likes Counter](https://21st.dev/@moumensoliman/components/native-likes-counter-baseui.md)
- [Native Liquid Button](https://21st.dev/@moumensoliman/components/native-liquid-button-shadcnui.md)
- [Native Liquid Button](https://21st.dev/@moumensoliman/components/native-liquid-button-baseui.md)
- [Native Magnetic](https://21st.dev/@moumensoliman/components/native-magnetic-baseui.md)
- [Native Nested List](https://21st.dev/@moumensoliman/components/native-nested-list-baseui.md)
- [Native Profile Notch](https://21st.dev/@moumensoliman/components/native-profile-notch-baseui.md)
- [Native Start Now](https://21st.dev/@moumensoliman/components/native-start-now-shadcnui.md)
- [Native Start Now](https://21st.dev/@moumensoliman/components/native-start-now-baseui.md)
- [Native Tabs](https://21st.dev/@moumensoliman/components/native-tabs-baseui.md)
- [Native User Card](https://21st.dev/@moumensoliman/components/native-user-card-baseui.md)
- [New Hero Section](https://21st.dev/@moumensoliman/components/new-hero-section-baseui.md)
- [Newsletter Signup Block](https://21st.dev/@moumensoliman/components/newsletter-signup-block-baseui.md)
- [Our Services](https://21st.dev/@moumensoliman/components/our-services-section-baseui.md)
- [Pricing Section](https://21st.dev/@moumensoliman/components/pricing-section-baseui.md)
- [Professional Resume](https://21st.dev/@moumensoliman/components/professional-resume-baseui.md)
- [Profile Notch](https://21st.dev/@moumensoliman/components/profile-notch.md)
- [Scroll Fade Effect](https://21st.dev/@moumensoliman/components/scroll-fade-effect.md)
- [Services Grid](https://21st.dev/@moumensoliman/components/services-grid-block-baseui.md)
- [Standard Resume](https://21st.dev/@moumensoliman/components/standard-resume-baseui.md)
- [Team Section Block](https://21st.dev/@moumensoliman/components/team-section-block-shadcnui.md)
- [Team Section Block](https://21st.dev/@moumensoliman/components/team-section-block-baseui.md)
- [Testimonial Section](https://21st.dev/@moumensoliman/components/testimonial-section-baseui.md)
- [Volume Component](https://21st.dev/@moumensoliman/components/volume-component-shadcnui.md)
- [Wallet Card](https://21st.dev/@moumensoliman/components/wallet-card.md)
- [Weather Dashboard](https://21st.dev/@moumensoliman/components/weather-dashboard-shadcnui.md)

Full component directory: https://21st.dev/llms.txt