UI

# Forms

Advanced Validation Wizard Upload
New project
Tell us about the project you're starting.
Project name *
A short, recognizable name. You can change it later.
Client
Budget (USD)
$ USD
Start date
End date
Description
Markdown is supported.
Visibility
Private Team Public
Private — only invited members. Public — anyone with the link.
Tags
Web
Design
Q2
Press Enter to add a tag.
Tips

- Be specific with your project name — it shows up in URLs and notifications.
- Set a realistic budget. You can adjust it as scope changes.
- Tags help filter and group projects across your workspace.

Need help?
Read our project guide or reach out to support — we usually reply within an hour.
Profile
Avatar upload, names, bio.
A
Aigars Silkalns
Owner · aigars@example.com
First name
Last name
Username
colorlib.com/
Bio Founder of Colorlib. Building Gentelella v4.
Account security
Password, 2FA, password strength.
Current password
New password
Strength: Strong · 12+ chars, mixed case, number, symbol
Two-factor authentication Enabled — codes from authenticator app
Verify with one-time code
Preferences
Range sliders, switches, segmented controls.
Notification volume
62%
Font size
14px
Theme
Light Dark System
Density
Cozy Comfortable Compact
Send weekly summary email Beta features Sounds for incoming messages
Project meta
Color tag, priority, team size, rating.
Project color
Priority
Team size
Project rating
Cover image Choose file cover-redesign-final.jpg
Search with suggestions
Live autocomplete pattern.
Search clients
Acme Corp Pro · NYC
Acme Industries Business · Berlin
Acme Studio Starter · Tokyo
Validation states
Helper, error, disabled, and required.
Email *
We'll never share your email.
Backup email
Please enter a valid email address.
Account ID (read-only)
Generated automatically. Cannot be changed.
Tagline (max 80) The free Bootstrap admin template, redesigned for 2026.
56/80 characters
Date range
Two-month picker · presets · keyboard nav
Report period
Click the input to open the picker. Built from scratch — no library.
Multi-select with chips
Type to filter · Enter to add · Backspace to remove
Project tags
Bound to a real `<select multiple>` so it submits with any form.
Rich text editor
Bold · italic · headings · lists · links · code · keyboard shortcuts
About
<p>Click any button in the toolbar — <strong>bold</strong>, <em>italic</em>, lists, links, code blocks. Try <kbd>⌘B</kbd> / <kbd>⌘I</kbd> / <kbd>⌘K</kbd>. The hidden <code>&lt;textarea&gt;</code> stays in sync so a parent form picks it up on submit.</p>