Currently available for internal usage at VTEX
Build great experiences for merchants in the VTEX Admins.Shoreline is a Design System tailored for enhancing back-office experiences. The system provide design and coding tools and resources for an optimized development experience.Get started

See some examples

Button

Buttons with labels represent the most important actions that users frequently trigger. They can vary in prominence and can include an icon.

Name
Description
Brand
Category
iPhone 15
A nice phone
Apple
smartphones
Aventador SVJ
Good italian car
Lamborghini
cars
Uno with stair
Fastest car on earth
Fiat
cars

Table

Table lists items vertically and can include actions for each row. The columns display property values for users to scan, sort, and compare.

Menu

Menus summarize actions in a dropdown. They can include actions that are rarely used, complementary, or repeated for each item in a Collection.

mm
dd
yyyy
mm
dd
yyyy

DateRangePicker

A Date Range Picker is a field for date period values that may include time. The date can be typed or selected in a Calendar.

CheckboxGroup

A group of Checkboxes includes five independent choices at most. Each option is binary and they can be listed horizontally or vertically.

Tooltip

Tooltips display a label that was omitted when hovering the element. They shouldn't be essential for users to complete tasks.

All components