Home
Samuel Abera
Profile Form

Profile Form

Stunning Profile and Cover Image Fields

This tailwind example is contributed by Samuel Abera, 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

Author Samuel Abera

3.2k

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:
Samuel Abera

8 months ago

6.3k
Simple Login Form
Very basic responsive login form. The form is centered within a white card with a shadow, featuring input fields for username and password. The design is clean and user-friendly.

Author:
Bunny

2 years ago

45.9k
Avatar
Avatar

Author:
Samuel Abera

8 months ago

3k
Credit card form

Author:
Oliver Hansen

1 year ago

15k
Responsive portfolio with dark mode
responsive and support dark mode .portfolio website

Author:
ABDESLAMI ACHRAF

2 months ago

1.1k
Modern resume template
modern resume template with data

Author:
Amit Pachange

1 year ago

17.5k
update user
it is the layout for creating an event

Author:
seth dridi

4 months ago

804
Author card
Author card for giving credit to the author of the Blog/Article. It has social media icons and user image

Author:
Prajwal Hallale

1 year ago

6.8k
Feedback Form with rating input
take users feedback with this simple form

Author:
Nour Haider

1 year ago

9.1k
Login form

Author:
Gopi Yadav

2 years ago

9.4k
portfolio 3

Author:
Evgeniy R

1 week ago

47
Form Layouts

Author:
Anonymous

8 months ago

1.8k

Explore components by Tags

Didn't find component you were looking for?

Search from 1800+ components