Appearance
Examples
Have a look at our examples and cookbook recipes to kickstart your frontends project.
🙋♀️ How to use examples?
Just copy the code snippet and paste it into your project. Sometimes it's useful to create a new component and use it in a higher level component like a page or a layout.
Navigation
![Preview for medium screen size](/assets/simple-navigation-md.6bc2e4d6.png)
![Preview for small screen size](/assets/simple-navigation-sm.e643e104.png)
Cart
![Preview for medium screen size](/assets/simple-cart-md.56ea131a.png)
Product Listings
![Preview for medium screen size](/assets/condensed-listing-md.f84497fd.png)
![Preview for small screen size](/assets/condensed-listing-sm.53a75e62.png)
Product Detail Page
![Preview for medium screen size](/assets/pdp-simple-example.e0ecc07c.png)
Footer Navigation
![Preview for medium screen size](/assets/footer-navigation-md.85d18fa1.png)