Collabs
HIKARU MATSUMURA
Shop it. Flip it. And reverse it. A new icon has arrived.
Telfar
Our biggest collab yet is already one for the history books.
Marc Jacobs
Classic Melissa DNA + Marc Jacobs signature streetwise style.
Jean Paul Gaultier
Celebrating 40 years of punk-love collab with the fierce and fearless luxury designer.
UNDERCOVER
Inspired by the punk movement, these styles put fashion center stage.
Y/Project
Merging street energy with seductive silhouettes = true works of art.
Viktor & Rolf
Our fifth capsule collection with the avant-garde luxury fashion house founded in 1993.
View All Collabs
Collabs
HIKARU MATSUMURA
Shop it. Flip it. And reverse it. A new icon has arrived.
Telfar
Our biggest collab yet is already one for the history books.
Marc Jacobs
Classic Melissa DNA + Marc Jacobs signature streetwise style.
Jean Paul Gaultier
Celebrating 40 years of punk-love collab with the fierce and fearless luxury designer.
UNDERCOVER
Inspired by the punk movement, these styles put fashion center stage.
Y/Project
Merging street energy with seductive silhouettes = true works of art.
Viktor & Rolf
Our fifth capsule collection with the avant-garde luxury fashion house founded in 1993.
View All Collabs
Help
FAQs
Find answers to our most frequently asked questions.
Shipping
How long does processing and shipping take? Find out here.
Returns & Exchanges
Start a return or exchange.
Contact Us
Still need help? Reach out to our Customer Care team for assistance.
Baby
Disney
Discover fun styles featuring your favorite Disney princess and Mickey & Friends.
Barbie
With lots of pink, glitter, and nostalgia, Barbie makes everything cuter.
Bugs
Inspired by nature, this collection brings a delicate touch of style and cuteness for your minis to enjoy.

New in Baby

Shop the latest jellies in mini

The Mini Possession

The iconic style in mini size

Kids
Disney
Discover fun styles featuring your favorite Disney princess and Mickey & Friends.
Barbie
With lots of pink, glitter, and nostalgia, Barbie makes everything cuter.
Bugs
Inspired by nature, this collection brings a delicate touch of style and cuteness for your minis to enjoy.
Sale
Baby
Comfy jellies for your littlest one.
Kids
Super cute jellies at super cute prices.
View All Sale
Baby
Shop All Baby
Disney
Discover fun styles featuring your favorite Disney princess and Mickey & Friends.
Barbie
With lots of pink, glitter, and nostalgia, Barbie makes everything cuter.
Bugs
Inspired by nature, this collection brings a delicate touch of style and cuteness for your minis to enjoy.
Baby's amy in blue
Shop the latest jellies in mini
baby wearing clear possessions with yellow socks
The iconic style in mini size
Kids
Shop All Kids
Disney
Discover fun styles featuring your favorite Disney princess and Mickey & Friends.
Barbie
With lots of pink, glitter, and nostalgia, Barbie makes everything cuter.
Bugs
Inspired by nature, this collection brings a delicate touch of style and cuteness for your minis to enjoy.
Sale
Baby
Comfy jellies for your littlest one.
Kids
Super cute jellies at super cute prices.
View All Sale
Help
FAQs
Find answers to our most frequently asked questions.
Shipping
How long does processing and shipping take? Find out here.
Returns & Exchanges
Start a return or exchange.
Contact Us
Still need help? Reach out to our Customer Care team for assistance.

Your Cart is Empty

Color

Brand

Brand primary
#623B5E
Brand secondary
#ECDDEB
Brand tertiary
#C18EBC

Text

Text primary
#000000
Text secondary
#535353
Text tertiary
#666666

State

Critical
#DF7666
Critical light
#D99A9E
Success
#7DB084
Success light
#CFDFCE
Code examples and helpers var(--color-brand-primary)
var(--color-brand-secondary)
var(--color-brand-tertiary)

var(--color-text-primary)
var(--color-text-secondary)
var(--color-brand-tertiary)

var(--color-critical)
var(--color-critical-light)
var(--color-success)
var(--color-success-light)
.text--primary
.text--secondary
.text--tertiary

Typography

Type scale

Heading x large

Used for: hero text, H1 for homepage and PLP

48px / 40px
HK Nova
Heading large

Used for: section headings

30px / 27px
HK Nova
Page heading

Used for: page headings

22px / 20px
HK Nova
Page subheading · Page subheading heavy

Used for: items of secondary importance (accordion menus, review titles, product card titles)

16px / 14px
HK Nova
Body large · Body large heavy

Used for: body copy

16px / 14px
HK Nova
Body regular · Body regular heavy

Used for: body copy

14px / 14px
HK Nova
Body small · Body small heavy

Used for: supplemental body copy

12px / 12px
HK Nova

Paragraphs and rich text

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium assumenda atque ex fugit porro quasi repudiandae tempora. Ad amet autem consectetur distinctio eius fuga id laudantium magnam magni mollitia officia, porro quasi quis rem tempore unde vel. A ab accusantium aliquid, consectetur consequuntur debitis deleniti dolore eum, exercitationem fuga illum modi nostrum porro provident quam quos ratione reiciendis vero voluptas!

  • Nemo enim ipsam voluptatem quia voluptas sit aspernatur.
  • Aut odit aut fugit, sed quia consequuntur magni dolores.
  • Eos qui ratione voluptatem sequi nesciunt.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Code examples and helpers <h1 class="heading">Page heading</h1>
<h2 class="heading heading--large">Section heading</h2>
<h2 class="heading heading--x-large">Extra large heading</h2>
<div class="subheading">Subheading</div>
<div class="subheading subheading--heavy">Subheading heavy</div>
<div class="text">Body text</div>
<div class="text text--large">Large body text</div>
<div class="text text--small">Small body text</div>
<div class="text text--x-small">Extra body text</div>
<div class="text text--uppercase">Uppercase text</div>
<div class="text text--center">Centered text</div>
<div class="text text--start">Left-aligned text</div>
<div class="text text--end">Right-aligned text</div>

Components

Code examples and helpers <a href="#" class="link link--text">Link</a>
<a href="#" class="link link--uppercase link--arrow">Link with arrow</a>
<a href="#" class="link">Link with animated underline</a>
<a href="#" class="link link--underline">Link with reverse animated underline</a>

Buttons

Code examples and helpers <button type="button" class="button">Primary button</button>
<button type="button" class="button button--secondary">Secondary button</button>
<button type="button" class="button button--secondary button--fullwidth">Fullwidth secondary button</button>

Checkboxes

Code examples and helpers {%- render 'checkbox', name: 'address[default]' -%}
{%- render 'checkbox', name: 'filter.v.option.color', value: 'Black', label: 'Black' -%}
{%- render 'checkbox', name: 'customer[accepts_marketing]', label: 'Accept marketing', required: true, checked: true -%}

Radio buttons

Code examples and helpers {%- render 'checkbox', type: 'radio', name: 'Interests', value: 'Adults', label: 'Adults' -%}

Inputs

Code examples and helpers {%- render 'input', type: 'text', name: 'Styleguide-1', label: 'Label' -%}
Code examples and helpers {%- render 'select', name: 'select', options: options, label: 'Label', required: true -%}

Badges

Sale
Online Exclusive
New
Collab
Favorite
Code examples and helpers {%- render 'product-badge', type: 'sale', is_static: false -%}
{%- render 'product-badge', type: 'online_exclusive', is_static: true -%}
{%- render 'product-badge', type: 'new', is_static: true -%}
{%- render 'product-badge', type: 'collab', is_static: true -%}
{%- render 'product-badge', type: 'favorite', is_static: true -%}

Tags

💎 Limited Edition
Coming Soon
Sold Out
The original jelly
Extra 25% off w/ code SANDALS25
Code examples and helpers <a href="#" class="tag tag--uppercase tag--adult">Adult</a>

Social credit badges

Code examples and helpers {%- render 'social-credit-badge', content: social_credit_title, background_color: section.settings[social_credit_background_color_setting], text_color: section.settings[social_credit_text_color_setting], margin_desktop: section.settings[social_credit_margin_desktop_setting], margin_mobile: section.settings[social_credit_margin_mobile_setting] -%}

Messages

Final Sale - No returns or exchanges
Success message
Error message
Code examples and helpers <div class="product-message product-message--success">Success message</div>
<div class="product-message product-message--error">Error message</div>

Accordions

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur
Code examples and helpers {%- render 'accordion-item', title: 'Accordion item 1', content: 'Lorem ipsum dolor sit amet' -%}

Code examples and helpers {%- render 'breadcrumbs' -%}

Product card

Favorite

Melissa

Possession in Clear
4.8
Rated 4.8 out of 5 stars
289
$69.00
Code examples and helpers {%- render 'product-block', product: product -%}

Circle icon with text

Code examples and helpers {%- render 'circle-icon-with-text', image: block.settings.image, title: block.settings.title, link: block.settings.link -%}
Sale

Unavailable

Sold Out