Sendity Client

Configure the Client visually.

Use the configurator to preview the production Client across languages, channels and states before touching a production template. It generates markup for both the raw Custom Element and the Laravel Blade adapter.

The 0.3 Client deliberately has one state layout and one public token contract. Use the controls below to tune surfaces, foregrounds, semantic UI colors, radii and shadows without adding state-specific overrides. Recipients and action URLs are never generated here: production receives them from the Sendity server.

Interactive configurator

Tune the Client options.

Changing language, channel or state remounts the same Client your application gets on page load. Static demo preview: no AuthRequest, push subscription, or polling is started. The demo recipient is a fixture; production displays the primary recipient and uses the server-owned verification_action.url unchanged.

Live preview

Configurator controls

Preview runtime states and adjust the public CSS variables without creating state-specific theme definitions.

Basics

Language
No results found
Default: browser locale
Default: <html lang>
🇦🇱 Albanian
🇸🇦 Arabic
🇦🇲 Armenian
🇧🇩 Bengali
🇧🇦 Bosnian
🇧🇬 Bulgarian
🇨🇳 Chinese
🇭🇷 Croatian
🇨🇿 Czech
🇩🇰 Danish
🇳🇱 Dutch
🇺🇸 English
🇪🇪 Estonian
🇫🇮 Finnish
🇫🇷 French
🇩🇪 German
🇬🇷 Greek
🇮🇱 Hebrew
🏳️ Hessian
🇮🇳 Hindi
🇭🇺 Hungarian
🇮🇸 Icelandic
🇮🇩 Indonesian
🇮🇪 Irish
🇮🇹 Italian
🇯🇵 Japanese
🇰🇷 Korean
🇱🇻 Latvian
🇱🇹 Lithuanian
🇲🇰 Macedonian
🇲🇾 Malay
🇲🇹 Maltese
🇳🇴 Norwegian
🇵🇱 Polish
🇵🇹 Portuguese
🇷🇴 Romanian
🇷🇺 Russian
🇷🇸 Serbian
🇸🇰 Slovak
🇸🇮 Slovenian
🇪🇸 Spanish
🇸🇪 Swedish
🇹🇭 Thai
🇹🇷 Turkish
🇺🇦 Ukrainian
🇻🇳 Vietnamese
Container Card Modal Preview state
Waiting
Warning
Expired
Verified
Error
Channel Email SMS / RCS Position Center Top Bottom

Surfaces

Backdrop blur 10px
Card background
Card opacity 80%
Icon background
Icon opacity 80%
Border
Drawer background

Foreground

Foreground
Muted foreground
Drawer foreground

UI tokens

UI primary
UI neutral
UI success
UI error

Geometry & effects

Corner radius 1rem
Drop shadow

Button

Button radius 0.56rem
Button inset shadow
Button foreground
Button shadow

Generated code

Copy the matching integration.

Integration snippet

Cookie Settings

Sendity uses privacy-friendly analytics to learn which pages help developers. We only load Google Analytics after you consent.

Sign in

Already created a passkey?