Recurring revenue
$48,300 +14.8%
1,240
Active accounts
62 days
No incidents
Monthly summary
Shell, panel and tile, no heavy shadow.
Components
Everything unslop/ui ships as a base, with a live preview. Click copy HTML and paste it into your page: all you need is unslop.css and unslop.js.
Button
Primary in ink, outlined secondary, ghost, accent and icon, in three sizes.
Fields and search
Input, labeled field and search with a keyboard shortcut.
Select
Opens with Enter, Space or the arrows. Arrows move, Enter picks, Esc closes.
Period picker
Arrows change the week and fire the u:change event. Use mode: "month" for months.
Segmented control
The indicator slides to the active option. Arrow keys switch it.
Checkbox, radio and switch
Checked, empty and indeterminate, with a springy check animation.
Slider with ticks
Drag or use the arrows, Home and End. It snaps to the ticks.
Badge and delta
States and percent change.
DeliveredIn transitDelivery failedIn reviewNeutral
+14.8%-3.2%
Avatar
Initials in six series colors and an overlapping group.
ACL
ACL+4
Card, panel and tile
Three layers: shell, panel and tile.
Tooltip
The data-tip attribute, shown on hover and focus.
Data table
Filters, search, selection, column sorting and pagination, all working.
Navigation sidebar
User, quick search, active item with a counter and a team footer.
Task list
Live progress, struck-through items and a spinner on the one in progress. Click an item to toggle it.
2 steps left
- Read the project config
- Generate the light theme tokens
- Generate the dark theme tokens
- Publish the component package
- Run tests and build
Model picker
Radio with generic names and an effort slider.
Models
EffortMedium
Alerts
Alert cards with a circled icon and a date.
Production alerts
12 this week
Jun 12
Latency above 800 ms at checkout
The p95 of the payment route stayed above 800 ms for 10 minutes starting at 8:59 AM, in the São Paulo region.
Jun 9
Certificate expires in 9 days
The API domain certificate expires on June 18. Renew it first to avoid losing access.
Jun 6
Email queue backed up
1,180 messages are waiting to send, three times the average of the last four weeks.
Account profile
Avatar with an action, name and a list of fields with icons.
L
Luiza Prado
PlanTeam
RegionSão Paulo
Customer sinceFeb 3, 2024
OwnerCaio Mendes
Deploys per day
Bars that grow on entry and swap data with the period.
Deploys
148 this week
Build health
Segmented ring with a count and a legend that highlights the segment.
Build health
Stable.
Tests: 1,180 passing
Lint: no new warnings
Types: 2 pending
Controls
Segmented, checkboxes and switches together.
Mini calendar
Click two days to mark a range, then use Apply.