Home
$@(\/)(\/)¥
Profile Form

Profile Form

Stunning Profile and Cover Image Fields

This tailwind example is contributed by $@(\/)(\/)¥, on 22-Mar-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are Author box, User information

Form Profile

$$@(\/)(\/)¥ profile image$

Author $@(\/)(\/)¥

5.1k

Fork Fullscreen

<div class="bg-white flex items-center gap-1 rounded-tl-md px-2 font-semibold">
                <label for="upload_cover" class="inline-flex gap-1 items-center cursor-pointer">Cover
                        
                <svg data-slot="icon" class="w-5 h-5 text-blue-700" fill="none" stroke-width="1.5" stroke="currentColor"
                    viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round"
                        d="M6.827 6.175A2.31 2.31 0 0 1 5.186 7.23c-.38.054-.757.112-1.134.175C2.999 7.58 2.25 8.507 2.25 9.574V18a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9.574c0-1.067-.75-1.994-1.802-2.169a47.865 47.865 0 0 0-1.134-.175 2.31 2.31 0 0 1-1.64-1.055l-.822-1.316a2.192 2.192 0 0 0-1.736-1.039 48.774 48.774 0 0 0-5.232 0 2.192 2.192 0 0 0-1.736 1.039l-.821 1.316Z">
                    </path>
                    <path stroke-linecap="round" stroke-linejoin="round"
                        d="M16.5 12.75a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0ZM18.75 10.5h.008v.008h-.008V10.5Z">
                    </path>
                </svg>
                </label>
            </div>

</div>
    </div>
</div>

Related Examples

Profile Form
Enhanced User Profile Form with Stunning Profile and Cover Image Fields

$$@(\/)(\/)¥$ Author:
$@(\/)(\/)¥

2 years ago

10.2k
YouTube Community Post UI Mockup
A static HTML and Tailwind CSS component mimicking the user interface of a YouTube Community Post. This mockup features the channel header (avatar, name, verified badge, timestamp), post content (text and optional media), engagement actions (Like, Dislike, Comment, Share with counts), and the 'Add a comment' section. It's designed to be responsive, supports YouTube's light and dark themes via custom styling, and uses accurate iconography.

Author:
Hamza Atig

11 months ago

1.2k
login
login by : html , css

Author:
Hacker Development

10 months ago

1.6k
Profile Form
Enhanced User Profile Form with Stunning Profile and Cover Image Fields

Author:
Steve NGOYA

9 months ago

1.2k
beautifull portfolio page
I create a portfolio page

Author:
Akram Khan

1 year ago

2.2k
Contact us form
Contact us form

Author:
Geoffrey Callaghan

2 years ago

6.5k
Profile1

Author:
pablitodgb

9 months ago

436
Simple Form 3

Author:
Mr Robot

3 years ago

9.6k
Team Showcase

Author:
KULDEEP

10 months ago

921
Animated Iogin form
This section showcases a series of interactive image cards that reveal descriptive text on hover. Built using Tailwind CSS and Astro.js, each card features a smooth animation, background blur, and opacity transition, enhancing the user experience while presenting visually engaging content.

Author:
nicoleshal07

10 months ago

690
Updated customer details page
Customer details page

Author:
Olivia Smith

1 year ago

3.8k
Sign in / Login Form

Author:
Bunny

3 years ago

14k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components