Atlas is Tripadvisor’s design system, providing teams with the tools and guidelines to create consistent, accessible, and engaging experiences that connect travelers to their next adventure.
Fostering trust and authenticity.
Made effortless.
Just as we make planning and exploring the world feel seamless and intuitive, Atlas expands our ability quickly envision, build, and scale connected experiences.
Begin building
What's new
Discover & explore last changes in our Design System.
1.7.0 – Batch 8 Release Latest
- Web: Forum Cards, Full Image Feature Card, Horizontal Cards, Image Background Card, Inset Image Feature Card, No Image Cards, UGC Cards, Vertical Cards
- Global: Ad Units (Frozen), TA Ask Ollie Logo, TA Logo, TA Rewards Logo
1.6.0 – Batch 7 Release
- Web: Modal Scrim, Image Scrim, Typeahead Results, Sheets, Flyouts, (Page) Error States, Dot Pagination
- Native: Sheets
1.5.3 – Updated Web Components Page
- Added batch 6 components to the Web Components grid
1.5.2 – UX Copy Catalog Release - Nav Revision
- Adjusted the navigation to a Page Structure instead of Tabs
1.5.1 – UX Copy Catalog Release
- UX Copy Catalogue: a guide to writing product copy with notes on drafting shelf copy, disclaimers, buttons, and more. Also covers house style (grammar, preferred spellings, etc), brand voice, and product-specific guidelines.
1.5.0 – Batch 6 Release
- Web: Search Field, Numbered Pagination, Sliders, Divider, Labeled Input Field, Toasts, Number Labels, Special Rate Label
1.4.0 – Batch 5 Release
- Web: Skeleton, Modals, Standard, Image Modal, Inset (MW), Horizontal Scroll Bar Buttons, Single Input Field, Multi Input Field, Dropdown Input Field, Histogram, Image,
- Native: Inline Alert, Dropdown, Number label, Dialog, Empty & Error State, Loading State, Review, Media Gallery
1.3.0 – Batch 4 Release
- Web: Filter Chip, Filter Chip Row, Stacked Chip Carousel, Stepper with label, Stepper, Inline Alert, Value Prop Message, Text Field, Text Area Text Field, Tooltip, Icons, Icon, Tags, Spinner
- Native: Labeled Row, Typeahead Result, Inline Prompt, Tag, Date Picker, Input Field, Histogram
1.2.0 – Batch 3 Release
- Web: Michelin label, Primary label, Secondary label, Accent label, Sponsored label, Status label, Map pins, Pin anchor, Text links, Switch, Switch row
- Native: Text area, Text fields, Search fields, Merchandising label, Status label, Tab, Contributor, Progress bar, Spinner
1.1.0 – Batch 2 Release
- Web: Avatar, Facepile, Contributors, Contributors Bio, Tab Bar, Collapsible Text, Collapsible List, Radio Buttons, Radio Buttons w/ Label
- Native: Chip, Checkbox, Radio Button, Switch, Slider, Stepper, Collapsible Text, Section Header
1.0.0 – First Release
- Web: Bubble Rating, Interactive Bubble Rating, Button, Brand, Primary, Secondary, Play, Borderless button, Circular Button, Primary, Secondary, Clear, Selector (Replaces Chip & Tile Selection), Text Menu, Menu Item, Menu Container, Progress bar, Checkbox, Checkbox with Label (replaces Checkbox Group),
- Native: Button, FAB, Icon Button, Speed Dial, Button Dock, Background Cards, Horizontal Cards, Vertical Cards, Message Cards, Navigation Header, Avatar, Avatar Group, Media Container, Toasts, Popover