Advanced compositions. Copy the pattern.

Inputs

Input hints

Helper text, live checks and counters that answer the question before it is asked.

Code

Workspace URL

Lowercase letters, numbers and dashes

flexiwind.app/

Work email

Short bio Optional

Shown on your public profile.

Inputs

Password strength

A meter and a checklist that update as you type. Try it.

Code

New password

Forms

Mail composer

Recipients as chips, a formatting bar, attachments and scheduled send.

Code

To Cc

Cc

Subject

Attach files

Send

Apply

Insert image

Forms

Upload zone

Drop or browse, one line per file, and errors that say what to do.

Code

Attachments

Drop files here or browse Release to add the files PDF, PNG or JPG · up to 10 MB each

Files are checked before they leave your browser.

Upload

Editors Pro

Document editor

A page that is the document: no frame, a sticky toolbar, a word count, Markdown shortcuts.

Code

Paragraph

Paragraph Heading 1 Heading 2 Heading 3 Quote Code block

Apply

Insert image

Editors Pro

Images and upload

Drop, paste or browse images: each one uploads in place with Livewire, then aligns, gets a caption or alt text.

Code

Article

Paragraph

Paragraph Heading 1 Heading 2 Heading 3 Quote Code block

Apply

Upload Link

Drop images or browse PNG, JPG, WebP or GIF · up to 5 MB

Insert image

Drop images to insert them here

Save

Editors

Reply box

The text first, the toolbar under it with a counter and Send. Ctrl+Enter sends.

Code

IL Replying to Ines Laurent · Re: Q4 launch plan

Discard Send ⌘↵

Apply

Insert image

Editors

Extended marks

Subscript, superscript, inline code and clear formatting, for scientific or legal text.

Code

Harbour notes Subscript, superscript and inline code are on in this toolbar. Draft

Apply

Insert image

Reset Save changes

Forms Pro

Change plan

Plan cards with the current plan marked, seats that follow the choice, and a warning when the team would not fit.

Code

Change plan Billed monthly. Switch or cancel at any time.

Starter Current One seat, 20 invoices a month €0/mo Team Current Up to 10 seats, unlimited invoices €19/mo Scale Current Unlimited seats, SSO, audit log €49/mo

Seats 5 of 10

will lose access. Remove them before switching, or keep Team.

Plan updated Cancel Current plan

Inputs Pro

Payout threshold

A currency listbox and a slider that drives the amount and tells you how often you will be paid.

Code

Payout threshold We send your balance once it reaches this amount.

Currency Select an option

Minimum payout €2,500

€50€10,000

At this pace: about one payout a week.

Save threshold

Inputs

Verify a code

Six digits that move the cursor on, accept a paste, and confirm the code once it is complete.

Code

Verify your account Enter the 6-digit code we sent to j****@acme.test

Account verified

Verify

Resend code in 30s Didn't get it? Resend code Use another method

Forms

Payment reminder

Pick a tone, read the message it writes, send it with the invoice attached.

Code

Send a reminder LDG-0418 · Northwind Traders 14 days overdue

Friendly Firm Final

To marc@northwind.test

Hi Marc, hope the week is going well! A gentle nudge that LDG-0418 ($6,400) was due on Oct 2. You can pay it from the link below.

LDG-0418.pdf · 84 KB

Attach PDF

Cancel Send reminder

Reminder sent to marc@northwind.test

Overlays Pro

Profile in a sheet

Open a teammate from a list: identity, stats, details and actions, without leaving the page.

Code

• AN Anna Novak Account executive · Paris, FR
• SK Sam Kowalski Head of sales · Berlin, DE
• LB Lea Bernard Customer success · Lyon, FR
• TB Tom Becker Sales engineer · Munich, DE

Overlays

Team members

Invite with a role from a listbox, change roles from a menu with the current one checked, remove someone.

Code

Team members Invite people to collaborate on this workspace. 3 of 5 seats

Select an option

Invite

Members · 3

• AK Amani Kasongo amani@acme.test Owner
• LF Lea Fontaine lea@acme.test Admin
• TB Tom Becker tom@acme.test Member

Pending · 1

sofia@acme.test Member · Sent 2 days ago Resend Revoke

Overlays Pro

Confirm a destructive action

A modal that says what will happen, offers one option, and leaves an Undo on the row once it is done.

Code

LDG-0427 Paid Void Soylent Co. · Packaging refresh €7,200 Void Undo

Void invoice LDG-0427?

Soylent Co. will be told the invoice is cancelled. This cannot be undone once the client is emailed.

Email the client

Keep it Void invoice