Blocko

Top 10 Shade Quiz Pages for Shopify (Updated Oct 2026)

Blocko has 10 free shade quiz page templates for Shopify Online Store 2.0, from 10 themes across beauty. 10 ship as Shopify Liquid with merchant settings; 0 need no JavaScript at all. Each one has a live demo and a one-line prompt for your coding agent.

The list is ranked with Shopify-ready items first, then by the least JavaScript. Open any item to see its sections, settings and prompt, or use all pages by type to compare other kinds. Not affiliated with Shopify.

Compare at a glance

#NameThemeIndustryShopifyJavaScriptSettings
1Shade finderBalmBeautyLiquid + HTML11 KBn/a
2Shade finderBareBeautyLiquid + HTML11 KBn/a
3Shade finderBlushBeautyLiquid + HTML11 KBn/a
4Shade finderDewBeautyLiquid + HTML11 KBn/a
5Shade finderPrismBeautyLiquid + HTML11 KBn/a
6Shade finderShelfBeautyLiquid + HTML11 KBn/a
7Skin-type quizTideBeautyLiquid + HTML11 KBn/a
8Shade finderTintBeautyLiquid + HTML11 KBn/a
9Hair quizTwistBeautyLiquid + HTML11 KBn/a
10Shade finderVeilBeautyLiquid + HTML11 KBn/a

Shade Quiz pages

#1

Shade finder

  • Balm
  • Beauty
  • Shopify-ready

Page template made of 5 sections: Page header, Shade finder quiz, Shade finder result, FAQ, Newsletter.

11 KB JavaScript (vanilla Custom Element) · Shopify Liquid · category page

Live demo Details Open in browser

#2

Shade finder

  • Bare
  • Beauty
  • Shopify-ready

Page template made of 5 sections: Page header, Shade finder quiz, Shade finder result, FAQ, Newsletter.

11 KB JavaScript (vanilla Custom Element) · Shopify Liquid · category page

Live demo Details Open in browser

#3

Shade finder

  • Blush
  • Beauty
  • Shopify-ready

Page template made of 5 sections: Page header, Shade finder quiz, Shade finder result, FAQ, Newsletter.

11 KB JavaScript (vanilla Custom Element) · Shopify Liquid · category page

Live demo Details Open in browser

#4

Shade finder

  • Dew
  • Beauty
  • Shopify-ready

Page template made of 5 sections: Page header, Shade finder quiz, Shade finder result, FAQ, Newsletter.

11 KB JavaScript (vanilla Custom Element) · Shopify Liquid · category page

Live demo Details Open in browser

#5

Shade finder

  • Prism
  • Beauty
  • Shopify-ready

Page template made of 5 sections: Page header, Shade finder quiz, Shade finder result, FAQ, Newsletter.

11 KB JavaScript (vanilla Custom Element) · Shopify Liquid · category page

Live demo Details Open in browser

#6

Shade finder

  • Shelf
  • Beauty
  • Shopify-ready

Page template made of 5 sections: Page header, Shade finder quiz, Shade finder result, FAQ, Newsletter.

11 KB JavaScript (vanilla Custom Element) · Shopify Liquid · category page

Live demo Details Open in browser

#7

Skin-type quiz

  • Tide
  • Beauty
  • Shopify-ready

Page template made of 5 sections: Page header, Skin-type quiz quiz, Skin-type quiz result, FAQ, Newsletter.

11 KB JavaScript (vanilla Custom Element) · Shopify Liquid · category page

Live demo Details Open in browser

#8

Shade finder

  • Tint
  • Beauty
  • Shopify-ready

Page template made of 5 sections: Page header, Shade finder quiz, Shade finder result, FAQ, Newsletter.

11 KB JavaScript (vanilla Custom Element) · Shopify Liquid · category page

Live demo Details Open in browser

#9

Hair quiz

  • Twist
  • Beauty
  • Shopify-ready

Page template made of 5 sections: Page header, Hair quiz quiz, Hair quiz result, FAQ, Newsletter.

11 KB JavaScript (vanilla Custom Element) · Shopify Liquid · category page

Live demo Details Open in browser

#10

Shade finder

  • Veil
  • Beauty
  • Shopify-ready

Page template made of 5 sections: Page header, Shade finder quiz, Shade finder result, FAQ, Newsletter.

11 KB JavaScript (vanilla Custom Element) · Shopify Liquid · category page

Live demo Details Open in browser

Frequently asked questions

What are the best shade quiz page templates for Shopify?

Blocko lists 10 free, MIT-licensed shade quiz page templates from 10 themes. 10 of them ship as Shopify Liquid today and the rest are complete HTML demos. The list is ranked with Liquid-ready items first, then by the least JavaScript, so Shade finder from Balm comes first.

Are these shade quiz page templates free to use?

Yes. Every item is MIT licensed, free to copy and edit, and needs no app or subscription. Blocko is not affiliated with Shopify.

How do I add one of these shade quiz page templates to my Shopify store?

Open an item, copy its one-line prompt into your coding agent, or connect the Blocko MCP server at https://blocko.ai/mcp. The agent asks where the page template should go before it changes any code.

Which industries do these shade quiz page templates cover?

Beauty. Every industry with at least three matching items has its own list.

How much JavaScript do these shade quiz page templates ship?

0 of 10 ship 0 KB of JavaScript. The heaviest is Shade finder in Balm at 11 KB, registered as an idempotent Custom Element.

Related lists

Filter by industry

Sections used on these pages

Other pages

Markdown version for agents · Browse the full library · Connect your agent