Home
Alif Bima Pradana
About our apps UI Components

About our apps UI Components

A visual collection of our most recent works - each piece crafted with intention, emotion and style.

This tailwind example is contributed by Alif Bima Pradana, on 07-Feb-2026. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example is about me

Grid List About us

Author Alif Bima Pradana

Fork Fullscreen

<h1 class="text-3xl font-semibold text-center mx-auto mt-32">About our apps</h1>
<p class="text-sm text-slate-500 text-center mt-2 max-w-lg mx-auto">
    A visual collection of our most recent works - each piece crafted with intention, emotion and style.
</p>
<div class="relative max-w-5xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-20 px-8 md:px-0 pt-16">
    <div class="size-[520px] -top-80 left-1/2 -translate-x-1/2 rounded-full absolute blur-[300px] -z-10 bg-[#FBFFE1]"></div>
    <div>
        <div class="size-10 p-2 bg-indigo-50 border border-indigo-200 rounded">
            <img src="https://raw.githubusercontent.com/prebuiltui/prebuiltui/main/assets/aboutSection/flashEmoji.png" alt="">
        </div>
        <div class="mt-5 space-y-2">
            <h3 class="text-base font-medium text-slate-600">Lightning-Fast Performance</h3>
            <p class="text-sm text-slate-500">Built with speed — minimal load times and optimized.</p>
        </div>
    </div>
    <div>
        <div class="size-10 p-2 bg-indigo-50 border border-indigo-200 rounded">
            <img src="https://raw.githubusercontent.com/prebuiltui/prebuiltui/main/assets/aboutSection/colorsEmoji.png" alt="">
        </div>
        <div class="mt-5 space-y-2">
            <h3 class="text-base font-medium text-slate-600">Beautifully Designed Components</h3>
            <p class="text-sm text-slate-500">Modern, pixel-perfect UI components ready for any project.</p>
        </div>
    </div>
    <div>
        <div class="size-10 p-2 bg-indigo-50 border border-indigo-200 rounded">
            <img src="https://raw.githubusercontent.com/prebuiltui/prebuiltui/main/assets/aboutSection/puzzelEmoji.png" alt="">
        </div>
        <div class="mt-5 space-y-2">
            <h3 class="text-base font-medium text-slate-600">Plug-and-Play Integration</h3>
            <p class="text-sm text-slate-500">Simple setup with support for React, Next.js and Tailwind css.</p>
        </div>
    </div>
    <div>
        <div class="size-10 p-2 bg-indigo-50 border border-indigo-200 rounded">
            <img src="https://raw.githubusercontent.com/prebuiltui/prebuiltui/main/assets/aboutSection/bookEmoji.png" alt="">
        </div>
        <div class="mt-5 space-y-2">
            <h3 class="text-base font-medium text-slate-600">Clear & Comprehensive</h3>
            <p class="text-sm text-slate-500">Get started fast with usage examples, live previews and code.</p>
        </div>
    </div>
    <div>
        <div class="size-10 p-2 bg-indigo-50 border border-indigo-200 rounded">
            <img src="https://raw.githubusercontent.com/prebuiltui/prebuiltui/main/assets/aboutSection/boxEmoji.png" alt="">
        </div>
        <div class="mt-5 space-y-2">
            <h3 class="text-base font-medium text-slate-600">Fully Customizable</h3>
            <p class="text-sm text-slate-500">Easily adapt styles, colors and layout to match your brand or product.</p>
        </div>
    </div>
    <div>
        <div class="size-10 p-2 bg-indigo-50 border border-indigo-200 rounded">
            <img src="https://raw.githubusercontent.com/prebuiltui/prebuiltui/main/assets/aboutSection/brainEmoji.png" alt="">
        </div>
        <div class="mt-5 space-y-2">
            <h3 class="text-base font-medium text-slate-600">Accessibility First</h3>
            <p class="text-sm text-slate-500">Built with WCAG standards in mind to ensure inclusive user experiences.</p>
        </div>
    </div>
</div>

Related Examples

Article List Section
A section displaying a list of articles with associated information.

Author:
Junclarkaizen Pagu

2 years ago

7.2k
About Us
This The About Us Component with the tailwind class and some animation by tailwind and best about us page you can modify it and content is for now only clinic but you can ad your content

Author:
Sahil Sasapara

1 year ago

4.8k
Game Character Cards
Simple game character cards selection

Author:
Diavox Jerome Soriano

1 year ago

1.5k
Tailwind Flex Component: Responsive Testimonial Section UI
A clean, modern, and fully responsive Testimonial Section built using Tailwind CSS and Flexbox. Ideal for portfolios, agency websites, SaaS landing pages, or any modern UI project. This reusable component includes user images, job titles, and quotes—perfect for showcasing feedback and adding trust to your UI.

Author:
Muhammad Umair Arshad

8 months ago

923
Services list

Author:
ariaw

3 months ago

132
Responsive flexbox layout using Tailwind CSS

Author:
Leif99

2 years ago

12.6k
Tailwind image gallery
Responsive grid with evenly spaced image cards. Each card has a title label at the bottom, and there's a subtle hover effect for interactive engagement.

Author:
Alok

3 years ago

60.9k
Nested list

Author:
Lukas Müller

3 years ago

13.3k
Responsive products grid
Responsive product card grid using tailwind CSS.

Author:
Arya

3 years ago

44.7k
Responsive Card Grid
Tailwind CSS responsive grid for feature listing. The cards have a teal background, rounded corners, and a concise display of feature titles, descriptions, and a "Learn More" link.

Author:
kzsamir849

1 year ago

2.1k
Responsive list with icons

Author:
Prajwal Hallale

3 years ago

10.5k
products, show, items
display images, card, products

Author:
Rushikesh Latpate

4 weeks ago

106

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components