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

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

1 year ago

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

Author:
Nour Haider

1 year ago

9.8k
Glassmorphism form

Author:
Sophia Baker

2 years ago

16.3k
Cards - Users Card
Users card grid list

Author:
Casimiro Rocha

5 months ago

1.5k
authentication form terminal
authentication form with zsh on mac terminal looks

Author:
ardianhu

9 months ago

1.8k
Login page with tailwind (SB admin 2)
This component features a split-screen design with a background image on one side and a registration form on the other.

Author:
Akshay

2 years ago

20.9k
Modern resume template
modern resume template with data

Author:
Amit Pachange

1 year ago

19.7k
Basic Resume template
simple and clean layout that provides a professional look.

Author:
R.P Ketan

2 years ago

25.1k
Personal card
A card to show minimal info for staff member

Author:
farid

3 months ago

315
Responsive Classes List Table with Edit and Delete buttons using Tailwind CSS
This responsive classes list table is built using Tailwind CSS and features: - A clean layout with a header displaying column titles. - Action buttons for editing and deleting entries. - Responsive design that adapts to various screen sizes. - Easy customization options to fit your project's needs.

Author:
Anum Shahana

6 months ago

1.6k
Contact Form for fabform.io
Contact form that uses fabform.io

Author:
Ho O

3 months ago

214
contact form
contact form

Author:
Geoffrey Callaghan

1 year ago

6k

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components