PageSourceSearch

https://zeronelibrary.webflow.io/

html zeronelibrary.webflow.io collected 2026-10-03 14:03:42 UTC 43,408 bytes, 172 lines download raw bytes

1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Sat Jul 11 2026 10:18:46 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="zeronelibrary.webflow.io" data-wf-page="697b30f1da2973f1aff4d7a0" data-wf-site="697b30f1da2973f1aff4d7ac" data-wf-status="1" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Zerone library | Free design library for Figma &amp; Webflow</title><meta content="Free library built for digital product designers. Includes versions: 2.0 &amp; 2.0: Lite for Figma, and Webflow version. Start fast, scale easily." name="description"/><meta content="Zerone library | Free design library for Figma &amp; Webflow" property="og:title"/><meta content="Free library built for digital product designers. Includes versions: 2.0 &amp; 2.0: Lite for Figma, and Webflow version. Start fast, scale easily." property="og:description"/><meta content="Zerone library | Free design library for Figma &amp; Webflow" name="twitter:title"/><meta content="Free library built for digital product designers. Includes versions: 2.0 &amp; 2.0: Lite for Figma, and Webflow version. Start fast, scale easily." name="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/css/zeronelibrary.webflow.shared.663454718.css" rel="stylesheet" type="text/css" integrity="sha384-ZjRUcYu83Cvb/f1oew29mfY/l/l11Gu3VbuW5SL723EM6HYUJEU21+exS50v5Awd" crossorigin="anonymous"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({  google: {    families: ["Inter:300,400,500,600,700"]  }});</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11bd32d5050fb02e18874a_Zerone-favicon.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: light)"/><link href="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11bd32d5050fb02e18874a_Zerone-favicon.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: dark)"/><link href="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11bd324d2cf1291fdb4008_Zerone-favicon.png" rel="icon" type="image/png" sizes="48x48"/><link href="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11bd3b004ae9a6b685c88a_Zerone-webclip.png" rel="apple-touch-icon" sizes="180x180"/><link href="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11bd3ba6db8984ee294605_Zerone-webclip.png" rel="icon" type="image/png" sizes="192x192"/><link href="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11bd3b171791bf7e527720_Zerone-webclip.png" rel="icon" type="image/png" sizes="512x512"/>
1<script type="application/ld+json">
2{
3  "@context": "https://schema.org",
4  "@type": "SoftwareApplication",
5  "name": "The Q-library",
6  "description": "Free library built for digital product designers. Includes Official & Lite versions for Figma and Webflow version. Start fast, scale easily.",
7  "url": "/",
8  "inLanguage": "en",
9  "applicationCategory": "DesignApplication",
10  "offers": {
11    "@type": "Offer",
12    "price": "0",
13    "priceCurrency": "USD",
14    "availability": "https://schema.org/InStock"
15  },
16  "operatingSystem": "Web",
17  "author": {
18    "@type": "Person",
19    "name": "HoQuan",
20    "url": "https://www.hoquan.info/"
21  },
22  "featureList": [
23    "Two design libraries for Figma (Official & Lite versions)",
24    "One production-ready library for Webflow",
25    "Built on Atomic design principles",
26    "Full variables tiers: global, alias, component-specific",
27    "Light & Dark mode support",
28    "Fully structured Auto Layout",
29    "Reusable components for web & app",
30    "Component properties & nested instances",
31    "Three class systems for Webflow: Global tags, Global classes, Custom classes"
32  ],
33  "softwareVersion": "2.0",
34  "releaseNotes": "Includes Official version for full-scale products and Lite version for fast-moving projects",
35  "sameAs": [
36    "https://www.figma.com/community/file/1420604836785710311/the-q-library-2-0",
37    "https://www.figma.com/community/file/1501123476616291541/the-q-library-2-0-lite",
38    "https://github.com/WhySoEzy/The-Q-library-variables"
39  ]
40}
41</script>
41<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 41-42
41
42<script async src="https://www.googletagmanager.com/gtag/js?id=
42G-FMNX8WYG9V
vendor: 12 bytes, line 42
42"></script>
43<script>
44  
vendor: 134 bytes, lines 44-48
44window.dataLayer = window.dataLayer || [];
45  function gtag(){dataLayer.push(arguments);}
46  gtag('js', new Date());
47
48  gtag('config', '
48G-FMNX8WYG9V
vendor: 4 bytes, line 48
48');
49</script>
49</head><body><div class="glb-section-full_screen glb-bg-overlay q-bwz-modal"><div class="glb-modal"><div class="glb-modal-header"><h4>Built with Zerone</h4><div class="glb-modal-close-action"><div class="glb-icon-bg-size_fixed"><div id="close-modal" data-wf--icon-background--variant="base" class="glb-icon-bg-size_fixed"><div class="glb-icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 40 40" fill="none"><path d="M7.27344 7.27148L32.7293 32.7273" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path><path d="M32.7266 7.27148L7.27072 32.7273" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg></div></div></div></div></div><div class="glb-modal-body"><div class="glb-modal-body-dynamic"><div class="q-bwz"><div class="q-bwz-list"><div class="q-bwz-item"><p class="q-bwz-name glb-text_bold">The Q-library (this site)</p></div><div class="q-bwz-item"><p class="q-bwz-name glb-text_bold">Recozy</p><div data-wf--text-link--variant="info" class="glb-link"><a href="https://builtwithzerone.webflow.io/recozy-home" target="_blank" class="glb-text-link">Visit now</a></div></div><div class="q-bwz-item"><p class="q-bwz-name glb-text_bold">Orphanage</p><div data-wf--text-link--variant="info" class="glb-link"><a href="https://builtwithzerone.webflow.io/orphanage-home" target="_blank" class="glb-text-link">Visit now</a></div></div></div><div class="q-bwz-embed w-embed"><style>
50/* === CONFIG === */
51:root {
52  --bwz-item-height: 40px; /* chỉnh nếu item cao khác */
53  --bwz-max-items: 5;
54}
55
56/* === OUTER CONTAINER === */
57.q-bwz {
58  max-height: calc(var(--bwz-item-height) * var(--bwz-max-items));
59  overflow: hidden;
60}
61
62/* === SCROLL CONTAINER === */
63.q-bwz-list {
64  max-height: 100%;
65  overflow-y: auto;
66  box-sizing: content-box;
67}
68
69/* === SCROLLBAR STYLE === */
70.q-bwz::-webkit-scrollbar {
71  width: 6px;
72}
73
74.q-bwz::-webkit-scrollbar-thumb {
75  background: rgba(0, 0, 0, 0.3);
76  border-radius: 6px;
77}
78
79.q-bwz::-webkit-scrollbar-track {
80  background: transparent;
81}
82
83/* Firefox */
84.q-bwz-list {
85  scrollbar-width: thin;
86  scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
87}
88</style></div></div></div></div></div></div><div class="navbar-wrapper"><section class="navbar"><div class="nav-wrap"><a href="/" aria-current="page" class="logo w-inline-block w--current"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11bd3b004ae9a6b685c88a_Zerone-webclip.png" loading="lazy" width="Auto" alt=""/></a><div class="nav-menu"><a href="#top" class="navlink w-inline-block"><p class="navlink-text">Home</p></a><a href="#about" class="navlink w-inline-block"><p class="navlink-text">About</p></a><a href="#about-figma" class="navlink w-inline-block"><p class="navlink-text">Figma version</p></a><a href="#about-webflow" class="navlink w-inline-block"><p class="navlink-text">Webflow version</p></a><a href="https://github.com/WhySoEzy/TheQ-libraryTokens" target="_blank" class="navlink w-inline-block"><p class="navlink-text">Tokens</p></a><a href="#feedback" class="navlink w-inline-block"><p class="navlink-text">Feedback</p></a></div><div data-w-id="5861d08f-1efc-34c2-658b-81d5699c0065" class="nav-menu-icon"><div class="glb-icon glb-icon-size_lg"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 40 40" fill="none"><path d="M2 14H38" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path><path d="M2 26H38" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg></div></div></div><section class="mobile-menu"><div data-w-id="37829c9f-80c3-7da8-e282-7a44014f99dc" class="mm-body"><div class="mm-header"><a href="#" class="logo w-inline-block"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6980c699c2191bf27b69346d_The%20Q-library%20webclip.png" loading="lazy" width="Auto" alt=""/></a><div class="mm-close"><div class="glb-icon"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 40 40" fill="none"><path d="M7.27344 7.27148L32.7293 32.7273" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path><path d="M32.7266 7.27148L7.27072 32.7273" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg></div></div></div><div class="nav-menu navmenu-flex_v"><a href="#top" class="navlink w-inline-block"><p class="navlink-text">Home</p></a><a href="#about" class="navlink w-inline-block"><p class="navlink-text">About</p></a><a href="#about-figma" class="navlink w-inline-block"><p class="navlink-text">Figma version</p></a><a href="#about-webflow" class="navlink w-inline-block"><p class="navlink-text">Webflow version</p></a><a href="https://github.com/WhySoEzy/TheQ-libraryTokens" target="_blank" class="navlink w-inline-block"><p class="navlink-text">Tokens</p></a><a href="#feedback" class="navlink w-inline-block"><p class="navlink-text">Feedback</p></a></div></div></section></section></div><div class="glb-page-wrap"><div id="top" class="q-hero-section"><section class="glb-section"><div class="glb-wrap"><div class="q-hero-header"><div class="q-header"><div id="tag-hero" class="q-tag"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 11 12" fill="none" class="q-tag-dot"><path d="M4.44629 0.200591C4.91039 -0.0673583 5.48219 -0.0673584 5.94629 0.200591L9.64244 2.33457C10.1065 2.60251 10.3924 3.09771 10.3924 3.6336V7.90155C10.3924 8.43745 10.1065 8.93264 9.64244 9.20059L5.94629 11.3346C5.48219 11.6025 4.91039 11.6025 4.44629 11.3346L0.750137 9.20059C0.286035 8.93264 0.000136852 8.43745 0.000136852 7.90155V3.6336C0.000136852 3.09771 0.286035 2.60251 0.750137 2.33457L4.44629 0.200591Z" fill="currentColor"></path></svg><p class="glb-text_medium glb-text-size_md">Free for community</p></div><div class="q-hero-heading"><h1 class="q-h1_display">Zerone library</h1></div></div></div></div></section><section class="glb-section-full_screen h_auto-tablet"><div class="q-hero-banner"></div></section></div><div id="about" class="q-about-section glb-pad_tb-md"><section id="about-top" class="glb-section"><div class="glb-wrap-inset_h"><div class="glb-max_w-md"><div class="q-global-cont-flex_v"><div class="q-header-wrap"><div class="q-header"><div id="tag-about-top" class="q-tag">
88<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 11 12" fill="none" class="q-tag-dot"><path d="M4.44629 0.200591C4.91039 -0.0673583 5.48219 -0.0673584 5.94629 0.200591L9.64244 2.33457C10.1065 2.60251 10.3924 3.09771 10.3924 3.6336V7.90155C10.3924 8.43745 10.1065 8.93264 9.64244 9.20059L5.94629 11.3346C5.48219 11.6025 4.91039 11.6025 4.44629 11.3346L0.750137 9.20059C0.286035 8.93264 0.000136852 8.43745 0.000136852 7.90155V3.6336C0.000136852 3.09771 0.286035 2.60251 0.750137 2.33457L4.44629 0.200591Z" fill="currentColor"></path></svg><p class="glb-text_medium glb-text-size_md">Connected ecosystem</p></div><h2 id="about-h1" class="glb-text_center">About Zerone</h2></div><p id="about-top-content" class="glb-text_center q-about-text">This library is built to support digital product design, providing a structured system that helps you save hours of setup time at the start of every project.</p></div><div id="about-banner" class="q-banner glb-radius-24 w-node-a1069f0e-493c-635d-1014-28fa345de8a7-aff4d7a0"><div class="q-banner-content align_center"><h3 id="about-top-banner-subheading" class="q-about-subheading glb-text-inverse_primary">Zerone ecosystem includes three versions</h3><div class="q-list-item"><div class="q-list-icon"><div class="glb-icon"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b38da4d2b01467bbae1e1_Property%201%3DFigma.svg" loading="lazy" alt="Figma icon on dark background"/></div></div><p class="glb-text-inverse_primary">Two design libraries for Figma</p></div><div class="q-list-item"><div class="q-list-icon"><div class="glb-icon"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b38daff98bcbc3e612af9_Property%201%3DWebflow.svg" loading="lazy" alt="Webflow icon on dark background"/></div></div><p class="glb-text-inverse_primary">One production-ready library for Webflow</p></div></div><div class="q-banner-img"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11bdf1d0f7f030976f12d3_Webflow%20x%20Figma.png" loading="lazy" sizes="(max-width: 1200px) 100vw, 1200px" srcset="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11bdf1d0f7f030976f12d3_Webflow%20x%20Figma-p-500.png 500w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11bdf1d0f7f030976f12d3_Webflow%20x%20Figma-p-800.png 800w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11bdf1d0f7f030976f12d3_Webflow%20x%20Figma.png 1200w" alt="Screenshot of a web design tool interface showing page list with Home and draft style pages under Pages panel."/></div></div></div></div></div></section><div class="glb-spacer"></div><section id="about-bot" class="glb-section"><div class="glb-wrap-inset"><div class="glb-max_w-md"><div class="q-global-cont-flex_v"><div class="q-header is-left_align"><div id="tag-about-bot" class="q-tag"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 11 12" fill="none" class="q-tag-dot"><path d="M4.44629 0.200591C4.91039 -0.0673583 5.48219 -0.0673584 5.94629 0.200591L9.64244 2.33457C10.1065 2.60251 10.3924 3.09771 10.3924 3.6336V7.90155C10.3924 8.43745 10.1065 8.93264 9.64244 9.20059L5.94629 11.3346C5.48219 11.6025 4.91039 11.6025 4.44629 11.3346L0.750137 9.20059C0.286035 8.93264 0.000136852 8.43745 0.000136852 7.90155V3.6336C0.000136852 3.09771 0.286035 2.60251 0.750137 2.33457L4.44629 0.200591Z" fill="currentColor"></path></svg><p class="glb-text_medium glb-text-size_md">Synchronized and seamless</p></div><h3 class="q-about-content-max_w">All versions are created to work together, giving you a smooth workflow from Design system to UI design to Webflow implementation.</h3></div><div id="w-node-_9a1f04a3-182c-ad06-b463-1f1cdcb02de7-aff4d7a0" class="q-about-card-wrap"><div id="w-node-bb18b9da-a6da-5667-ae6f-79d7c3bc5b11-aff4d7a0" class="glb-img rad_24-border"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11bdf1397e653fbc062757_About%202.0.png" loading="lazy" sizes="(max-width: 1200px) 100vw, 1200px" srcset="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11bdf1397e653fbc062757_About%202.0-p-500.png 500w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11bdf1397e653fbc062757_About%202.0-p-800.png 800w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11bdf1397e653fbc062757_About%202.0.png 1200w" alt="About 2.0" class="q-figma-img"/></div><div id="w-node-_74484a95-c20c-1da4-f344-3f6eb572a9e5-aff4d7a0" class="glb-img rad_24-border"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11bdf1f0a6cff862773150_About%201.0.png" loading="lazy" sizes="(max-width: 1200px) 100v
88w, 1200px" srcset="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11bdf1f0a6cff862773150_About%201.0-p-500.png 500w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11bdf1f0a6cff862773150_About%201.0-p-800.png 800w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11bdf1f0a6cff862773150_About%201.0.png 1200w" alt="About 1.0" class="q-figma-img"/></div><div id="w-node-_5226b180-f551-49e7-e572-71baadd67702-aff4d7a0" class="q-banner bg_light about-banner"><div class="q-banner-content align_center-gap_narrow"><h4>Webflow version</h4><h4 class="q-webflow-tag tag-size-sm">zerone-library</h4></div><div class="q-banner-img"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6980bcafff9ef85fbf7d5ce5_Webflow%20version.png" loading="lazy" sizes="(max-width: 1000px) 100vw, 1000px" srcset="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6980bcafff9ef85fbf7d5ce5_Webflow%20version-p-500.png 500w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6980bcafff9ef85fbf7d5ce5_Webflow%20version-p-800.png 800w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6980bcafff9ef85fbf7d5ce5_Webflow%20version.png 1000w" alt="Screenshot of a web design tool interface showing page list with Home and draft style pages under Pages panel." class="q-webflow-img"/></div></div></div></div></div></div></section></div><div id="about-figma" class="q-figma-version-section"><section class="glb-section"><div class="glb-wrap-inset_h glb-pad_tb-sm"><div class="glb-max_w-md"><div class="q-global-cont-flex_v"><div class="q-header-wrap"><div class="q-header"><div id="tag-figma" class="q-tag"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 11 12" fill="none" class="q-tag-dot"><path d="M4.44629 0.200591C4.91039 -0.0673583 5.48219 -0.0673584 5.94629 0.200591L9.64244 2.33457C10.1065 2.60251 10.3924 3.09771 10.3924 3.6336V7.90155C10.3924 8.43745 10.1065 8.93264 9.64244 9.20059L5.94629 11.3346C5.48219 11.6025 4.91039 11.6025 4.44629 11.3346L0.750137 9.20059C0.286035 8.93264 0.000136852 8.43745 0.000136852 7.90155V3.6336C0.000136852 3.09771 0.286035 2.60251 0.750137 2.33457L4.44629 0.200591Z" fill="currentColor"></path></svg><p class="glb-text_medium glb-text-size_md">The Q-library 2.0</p></div><div class="q-header-cont"><h2 id="h1-figma" class="glb-text_center">What’s included in</h2><div class="q-figma-frame-wrap"><div class="q-figma-frame"><h2>Figma version</h2><div class="q-figma-frame-square bottom_left"></div><div class="q-figma-frame-square bottom_right"></div><div class="q-figma-frame-square top_left"></div><div class="q-figma-frame-square"></div></div></div></div></div><p id="about-figma-content" class="glb-text_center q-about-figma-content">Released on September 2023, v1.0 was built on atomic design principles with pre-built style guides and ready-to-use components, and was upgraded to v2.0 with clearer structures and further improvements to help projects start fast and scale easily.</p><div id="about-figma-buttons" class="glb-button-group"><div data-wf--button-neutral--variant="outline-large" class="glb-button-neutral w-variant-dd36d52b-6a2c-dabb-c7b8-8022c35caaf5"><a href="https://www.figma.com/community/file/1420604836785710311/zerone-library-2-0" target="_blank" class="glb-button-link w-inline-block"></a><div class="btn-icon"><div class="glb-icon"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b3c9688f97e279d81819d_Figma.svg" loading="lazy" alt="Figma colored icon"/></div></div><p class="glb-text_medium">Get 2.0</p></div><div data-wf--button-neutral--variant="outline-large" class="glb-button-neutral w-variant-dd36d52b-6a2c-dabb-c7b8-8022c35caaf5"><a href="https://www.figma.com/community/file/1501123476616291541/zerone-library-2-0-lite" target="_blank" class="glb-button-link w-inline-block"></a><div class="btn-icon"><div class="glb-icon"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b3c9688f97e279d81819d_Figma.svg" loading="lazy" alt="Figma colored icon"/></div></div><p class="glb-text_medium">Get 2.0: Lite</p></div></div><div class="q-icon-decor"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b9c0613ed52ec759d324f_Icon%20grid-design.png" loading="lazy" alt="Icon grid-design"/></div></div><div class="glb-grid-col-2 versions"><div id="official-list" class="q-figma-wrap w-node-_76d4c6cb-5e7e-0bba-17f4-4a8ab0e02360-aff4d7a0"><div class="q-figma-header"><h3 id="official-head" class="q-figma-heading">The 2.0: Official</h3>
88<p id="official-content" class="q-figma-content">Built for full-scale products and long-term systems with a clear, well-structured variable setup. Ideal for product teams, complex interfaces, and projects with high demands for variables.</p></div><div class="q-figma-list"><div class="q-list-item"><div class="q-list-icon"><div class="glb-icon"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b6a9b7c2f6d5c0b768c72_Variable.svg" loading="lazy" alt="Variable icon"/></div></div><p>Full variables tiers: global, alias, component-specific</p></div><div class="q-list-item"><div class="q-list-icon"><div class="glb-icon"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b6a9b17d6cc40b371dadf_Theme.svg" loading="lazy" alt="Theme icon"/></div></div><p>Light &amp; Dark mode support</p></div><div class="q-list-item"><div class="q-list-icon"><div class="glb-icon"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b6a9bbba21e81ccf1bf02_Auto%20layout.svg" loading="lazy" alt="Auto layout icon"/></div></div><p>Fully structured Auto Layout</p></div><div class="q-list-item"><div class="q-list-icon"><div class="glb-icon"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b6a9be74a54d341123e4c_Component.svg" loading="lazy" alt="Component icon"/></div></div><p>Reusable components for web &amp; app</p></div><div class="q-list-item"><div class="q-list-icon"><div class="glb-icon"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b6a9b0b0fa5767f18886c_Comp%20props.svg" loading="lazy" alt="Comp props icon"/></div></div><p>Component properties &amp; nested instances</p></div></div></div><div id="official-img" class="glb-img rad_24-border w-node-baa400cb-7c50-5d7c-2c9c-1d21a23f93f0-aff4d7a0"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11d1a8a0ca9c598873d3f5_Zerone%20library%202.0.png" loading="lazy" sizes="(max-width: 1200px) 100vw, 1200px" srcset="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11d1a8a0ca9c598873d3f5_Zerone%20library%202.0-p-500.png 500w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11d1a8a0ca9c598873d3f5_Zerone%20library%202.0-p-800.png 800w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11d1a8a0ca9c598873d3f5_Zerone%20library%202.0.png 1200w" alt="Zerone library 2.0" class="q-figma-img"/></div></div><div class="glb-grid-col-2 versions"><div id="lite-img" class="glb-img rad_24-border w-node-_003645ff-1814-9d7c-5a25-8beba9ee2436-aff4d7a0"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11d1a8ace0e68e14fc194f_Zerone%20library%202.0-lite.png" loading="lazy" sizes="(max-width: 1200px) 100vw, 1200px" srcset="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11d1a8ace0e68e14fc194f_Zerone%20library%202.0-lite-p-500.png 500w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11d1a8ace0e68e14fc194f_Zerone%20library%202.0-lite-p-800.png 800w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11d1a8ace0e68e14fc194f_Zerone%20library%202.0-lite.png 1200w" alt="Zerone library 2.0-lite" class="q-figma-img"/></div><div id="lite-list" class="q-figma-wrap w-node-_70a490ca-a1b5-251b-3310-413bb1276e16-aff4d7a0"><div class="q-figma-header"><h3 id="lite-head" class="q-figma-heading">The 2.0: Lite</h3><p id="lite-content" class="q-figma-content">A simplified version optimized around variables for fast moving projects and small to mid-sized teams. Perfect for MVPs, landing pages, and quick client work, with the flexibility to grow into a long-term system.</p></div><div class="q-figma-list"><div class="q-list-item"><div class="q-list-icon"><div class="glb-icon"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b6a9b7c2f6d5c0b768c72_Variable.svg" loading="lazy" alt="Variable icon"/></div></div><p>Two variables tiers: global, alias</p></div><div class="q-list-item"><div class="q-list-icon"><div class="glb-icon"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b6a9b17d6cc40b371dadf_Theme.svg" loading="lazy" alt="Theme icon"/></div></div><p>Light &amp; Dark mode support</p></div><div class="q-list-item"><div class="q-list-icon"><div class="glb-icon"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b6a9bbba21e81ccf1bf02_Auto%20layout.svg" loading="lazy" alt="Auto layout icon"/></div></div><p>Fully structured Auto Layout</p></div><div class="q-list-item"><div class="q-list-icon"><div class="glb-icon"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b6a9be74a54d341123e4c_Component.svg" loading="lazy" alt="Component icon"/></div></div><p>Reusable components for web &amp; app</p></div><div class="q-list-item"><div class="q-list-icon"><div class="glb-icon"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b6a9bb67be9c0b0109f39_Variant.svg" loading="lazy" alt="Variant icon"/></div></div><p>Added more variants to selected components</p></div><div class="q-list-item"><div class="q-list-icon"><div class="glb-icon"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b6a9b0b0fa5767f18886c_Comp%20props.svg" loading="lazy" alt="Comp props icon"/></div></div><p>Component properties &amp; nested instances</p></div></div></div></div><div id="about-figma-button" data-wf--button-brand--variant="ghost" class="glb-button w-variant-a54d196f-bb3a-7aa4-4d4e-1ee91d6c3b46"><p class="glb-text_medium">
88Visit v1.0 here</p><a href="https://www.figma.com/community/file/1287634440518544801/zerone-library" target="_blank" class="glb-button-link w-inline-block"></a></div></div></div></div></section></div><div id="about-webflow" data-w-id="f83e63d4-58fd-c902-e7e4-c608ac4b8ed3" class="q-webflow-version-section"><section id="quote-section" class="glb-section"><div class="glb-wrap-inset_h glb-pad_tb-md"><div class="glb-max_w-md"><div class="q-global-cont-flex_v"><div class="q-header-wrap"><div class="q-header"><div id="tag-webflow" class="q-tag"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 11 12" fill="none" class="q-tag-dot"><path d="M4.44629 0.200591C4.91039 -0.0673583 5.48219 -0.0673584 5.94629 0.200591L9.64244 2.33457C10.1065 2.60251 10.3924 3.09771 10.3924 3.6336V7.90155C10.3924 8.43745 10.1065 8.93264 9.64244 9.20059L5.94629 11.3346C5.48219 11.6025 4.91039 11.6025 4.44629 11.3346L0.750137 9.20059C0.286035 8.93264 0.000136852 8.43745 0.000136852 7.90155V3.6336C0.000136852 3.09771 0.286035 2.60251 0.750137 2.33457L4.44629 0.200591Z" fill="currentColor"></path></svg><p class="glb-text_medium glb-text-size_md">Zerone library</p></div><div class="q-header-cont"><h2 id="h1-webflow-top" class="glb-text_center">Overview<br/></h2><h2 id="h1-webflow-bot" class="q-webflow-tag">Webflow-version</h2></div></div><p id="about-webflow-content" class="glb-text_center q-about-webflow-content">All global classes are ready to use. Easily and flexibly customize them for any specific need or context. Build faster, stay consistent, and scale your system without rework.</p><div class="glb-button-group buttons-flex_v"><div id="about-webflow-button" data-wf--button-neutral--variant="outline-large" class="glb-button-neutral w-variant-dd36d52b-6a2c-dabb-c7b8-8022c35caaf5"><a href="https://webflow.com/made-in-webflow/website/zerone-library" target="_blank" class="glb-button-link w-inline-block"></a><div class="btn-icon"><div class="glb-icon"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b3c963abbfd9528820a9a_Webflow.svg" loading="lazy" alt="Webflow colored icon"/></div></div><p class="glb-text_medium">Explore now</p></div><div id="open-modal" data-wf--button-brand--variant="ghost" class="glb-button w-variant-a54d196f-bb3a-7aa4-4d4e-1ee91d6c3b46"><p class="glb-text_medium">View sites built with Zerone</p><a href="#" class="glb-button-link w-inline-block"></a></div><div class="q-control-modal w-embed w-script"><style>
89  body.no-scroll {
90    position: fixed;
91    width: 100%;
92  }
93</style>
94
95<script>
96  const openModal = document.getElementById("open-modal");
97  const closeModal = document.getElementById("close-modal");
98  const bwzModal = document.querySelector(".q-bwz-modal");
99
100  let scrollPosition = 0;
101
102  openModal.addEventListener("click", () => {
103    scrollPosition = window.pageYOffset;
104    document.body.classList.add("no-scroll");
105    document.body.style.top = `-${scrollPosition}px`;
106    bwzModal.style.display = "flex";
107  });
108
109  closeModal.addEventListener("click", () => {
110    document.body.classList.remove("no-scroll");
111    document.body.style.top = "";
112    window.scrollTo(0, scrollPosition);
113    bwzModal.style.display = "none";
114  });
115</script>
115</div></div><div class="q-icon-decor top_left"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b9c06bd1fac5a1c02b6d8_Icon%20grid-dev.png" loading="lazy" alt="Icon grid-dev"/></div></div><div class="q-card-wrap"><div class="q-webflow-card"><div class="q-card-header"><h5 class="glb-text-inverse_primary">Global tags</h5><p class="glb-text-inverse_primary">Pre-styled default HTML tags like texts and elements. Use them to keep typography and basic elements or components consistent across your project.</p></div><div class="q-card-img"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6980bb291b2794e87deb09cb_global%20tag.png" loading="eager" alt="global tag" sizes="(max-width: 1000px) 100vw, 1000px" srcset="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6980bb291b2794e87deb09cb_global%20tag-p-500.png 500w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6980bb291b2794e87deb09cb_global%20tag.png 1000w"/></div><div class="q-card-grid-bg"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b30f1da2973f1aff4d7cd_Grid-circle.svg" loading="lazy" alt="Grid circle"/></div></div><div class="q-webflow-card"><div class="q-card-header"><h5 class="glb-text-inverse_primary">Global classes</h5><p class="glb-text-inverse_primary">Ready-to-use classes for sections and divs. Use them to quickly build layout structure, spacing and alignment,... efficiently without custom styling.</p></div><div class="q-card-img"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6980bb29b6646c33a99148f0_global%20class.png" loading="eager" alt="global class" sizes="(max-width: 1000px) 100vw, 1000px" srcset="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6980bb29b6646c33a99148f0_global%20class-p-500.png 500w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6980bb29b6646c33a99148f0_global%20class.png 1000w"/></div><div class="q-card-grid-bg"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b30f1da2973f1aff4d7cd_Grid-circle.svg" loading="lazy" alt="Grid circle"/></div></div><div class="q-webflow-card"><div class="q-card-header"><h5 class="glb-text-inverse_primary">Custom classes</h5><p class="glb-text-inverse_primary">Classes for custom attributes and special use cases. Keeps your system flexible and easy to manage and help avoid long or complex combo classes.</p></div><div class="q-card-img"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6980bb29212416f2232f3deb_custom%20class.png" loading="eager" alt="custom class" sizes="(max-width: 1000px) 100vw, 1000px" srcset="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6980bb29212416f2232f3deb_custom%20class-p-500.png 500w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6980bb29212416f2232f3deb_custom%20class.png 1000w"/></div><div class="q-card-grid-bg"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b30f1da2973f1aff4d7cd_Grid-circle.svg" loading="lazy" alt="Grid circle"/></div></div></div></div></div></div></section></div><div data-w-id="c7c9d872-641a-0b9f-59f8-c70701b7e7e9" class="q-quote-section"><section class="glb-section-full_screen"><div class="glb-wrap-inset-fill"><div class="glb-max_w-md"><div class="q-global-cont-flex_v"><div class="q-header-wrap"><div class="q-header"><div class="q-tag"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 11 12" fill="none" class="q-tag-dot"><path d="M4.44629 0.200591C4.91039 -0.0673583 5.48219 -0.0673584 5.94629 0.200591L9.64244 2.33457C10.1065 2.60251 10.3924 3.09771 10.3924 3.6336V7.90155C10.3924 8.43745 10.1065 8.93264 9.64244 9.20059L5.94629 11.3346C5.48219 11.6025 4.91039 11.6025 4.44629 11.3346L0.750137 9.20059C0.286035 8.93264 0.000136852 8.43745 0.000136852 7.90155V3.6336C0.000136852 3.09771 0.286035 2.60251 0.750137 2.33457L4.44629 0.200591Z" fill="currentColor"></path></svg><p class="glb-text_medium glb-text-size_md">Built to help you start strong</p></div><div class="q-quote-para">
115<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 50 49" fill="none" class="q-quote-mark"><path d="M0 49V26.6894C0 10.2865 6.25879 1.45957 18.7764 0.208508L20.8861 0V11.0511L19.4093 11.2596C14.346 11.8156 11.8143 16.4723 11.8143 25.2298V28.566H20.8861V49H0ZM50 11.0511L48.5232 11.2596C43.4599 11.8156 40.9283 16.4723 40.9283 25.2298V28.566H50V49H29.1139V26.6894C29.1139 10.2865 35.3727 1.45957 47.8903 0.208508L50 0V11.0511Z" fill="currentColor"></path></svg><h3 class="q-quote-content">Zerone library is not meant to lock you in, it’s built to give you a solid starting point, so you can focus on what really matters: building great experiences. Hope you will have good experience with Zerone.</h3><h3 class="q-quote-content is-text-fg">Zerone library is not meant to lock you in, it’s built to give you a solid starting point, so you can focus on what really matters: building great experiences. Hope you will have good experience with Zerone.</h3></div></div><div class="q-quote-cta"><div class="q-cta-sepa"><div data-wf--divider--variant="thick" class="glb-divider w-variant-03742287-c4c6-5d23-c7c6-0fac8ac43a8f"></div><p class="glb-text_medium glb-no-shrink glb-text_secondary">Let’s get started with</p><div data-wf--divider--variant="thick" class="glb-divider w-variant-03742287-c4c6-5d23-c7c6-0fac8ac43a8f"></div></div><div class="glb-button-group"><div data-wf--button-neutral--variant="outline-large" class="glb-button-neutral w-variant-dd36d52b-6a2c-dabb-c7b8-8022c35caaf5"><a href="https://www.figma.com/community/file/1420604836785710311/zerone-library-2-0" target="_blank" class="glb-button-link w-inline-block"></a><div class="btn-icon"><div class="glb-icon"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b3c9688f97e279d81819d_Figma.svg" loading="lazy" alt="Figma colored icon"/></div></div><p class="glb-text_medium">Get 2.0 now</p></div><div data-wf--button-neutral--variant="outline-large" class="glb-button-neutral w-variant-dd36d52b-6a2c-dabb-c7b8-8022c35caaf5"><a href="https://www.figma.com/community/file/1501123476616291541/zerone-library-2-0-lite" target="_blank" class="glb-button-link w-inline-block"></a><div class="btn-icon"><div class="glb-icon"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b3c9688f97e279d81819d_Figma.svg" loading="lazy" alt="Figma colored icon"/></div></div><p class="glb-text_medium">Get 2.0: Lite now</p></div><div data-wf--button-neutral--variant="outline-large" class="glb-button-neutral w-variant-dd36d52b-6a2c-dabb-c7b8-8022c35caaf5"><a href="https://webflow.com/made-in-webflow/website/zerone-library" target="_blank" class="glb-button-link w-inline-block"></a><div class="btn-icon"><div class="glb-icon"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b3c963abbfd9528820a9a_Webflow.svg" loading="lazy" alt="Webflow colored icon"/></div></div><p class="glb-text_medium">Get now</p></div></div></div></div></div></div></div></section><div class="q-icon-blur"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b6f0da6effe1b823319c9_Webflow-blur.svg" loading="lazy" alt="Webflow icon blur"/></div><div class="q-icon-blur bottom_left"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b6f0e005c1f8814d8dc7b_Figma-blur.svg" loading="lazy" alt="Figma icon blur"/></div></div><div class="glb-spacer"></div><div id="feedback" class="q-feedback-section"><section class="glb-section"><div class="glb-wrap-inset"><div class="glb-max_w-md"><div class="q-banner bg_light"><div class="q-banner-content"><h3 class="q-feedback-content">So happy to get all feedbacks to improve this library better in the future, thank you!</h3><div data-wf--button-brand--variant="solid" class="glb-button"><p class="glb-text_medium">Feedback to improve</p><a href="https://forms.gle/Hbs12rRvtVV1yfk58" target="_blank" class="glb-button-link w-inline-block"></a></div></div><div class="q-banner-img"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b30f1da2973f1aff4d7ef_Feedback%20image.png" loading="lazy" sizes="(max-width: 4800px) 100v
115w, 4800px" srcset="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b30f1da2973f1aff4d7ef_Feedback%2520image-p-500.png 500w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b30f1da2973f1aff4d7ef_Feedback%2520image-p-800.png 800w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b30f1da2973f1aff4d7ef_Feedback%2520image-p-1080.png 1080w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b30f1da2973f1aff4d7ef_Feedback%2520image-p-1600.png 1600w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b30f1da2973f1aff4d7ef_Feedback%2520image-p-2000.png 2000w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b30f1da2973f1aff4d7ef_Feedback%2520image-p-2600.png 2600w, https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/697b30f1da2973f1aff4d7ef_Feedback%20image.png 4800w" alt="Screenshot of a web design tool interface showing page list with Home and draft style pages under Pages panel."/></div></div></div></div></section></div></div><div class="glb-spacer sp-xl"></div><section class="q-footer"><div class="glb-wrap-inset-fill"><div class="glb-max_w-md"><div class="footer-wrap"><div class="footer-top"><a href="/" aria-current="page" class="logo w-inline-block w--current"><img src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/6a11bd3b004ae9a6b685c88a_Zerone-webclip.png" loading="lazy" width="Auto" alt=""/></a><div class="footer-menu-wrap"><div class="footer-item"><p class="q-footer-cate">For Figma</p><a href="https://www.figma.com/community/file/1420604836785710311/zerone-library-2-0" target="_blank" class="footer-link w-inline-block"><p class="footer-text navlink-text-color-inverse">Zerone library 2.0</p></a><a href="https://www.figma.com/community/file/1501123476616291541/zerone-library-2-0-lite" target="_blank" class="footer-link w-inline-block"><p class="footer-text navlink-text-color-inverse">Zerone library 2.0: Lite</p></a><a href="https://www.figma.com/community/file/1287634440518544801/zerone-library" target="_blank" class="footer-link w-inline-block"><p class="footer-text navlink-text-color-inverse">Zerone library 1.0</p></a></div><div class="footer-item"><p class="q-footer-cate">Figma plugin</p><a href="https://www.figma.com/community/plugin/1527716417167210836/picker-text-style-toolkit" target="_blank" class="footer-link w-inline-block"><p class="footer-text navlink-text-color-inverse">Picker - Text Style Toolkit</p></a><a href="https://www.figma.com/community/plugin/1624314926071366212/variables-docs-generator" target="_blank" class="footer-link w-inline-block"><p class="footer-text navlink-text-color-inverse">Variables Docs Generator</p></a><a href="https://www.figma.com/community/plugin/1630866174336771971/find-components-and-instances" target="_blank" class="footer-link w-inline-block"><p class="footer-text navlink-text-color-inverse">Component Toolkit</p></a></div><div class="footer-item"><p class="q-footer-cate">For Webflow</p><a href="https://webflow.com/made-in-webflow/website/zerone-library" target="_blank" class="footer-link w-inline-block"><p class="footer-text navlink-text-color-inverse">Zerone library</p></a></div></div></div><div class="footer-bottom"><p class="glb-text-inverse_primary">©2026. All right reversed</p><p class="glb-text-inverse_primary">Developed by <a href="https://www.hoquan.info/" target="_blank" class="q-link-author">@HoQuan</a></p></div></div></div></div></section>
115<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=697b30f1da2973f1aff4d7ac" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
115<script src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript" integrity="sha384-4abIlA5/v7XaW1HMXKBgnUuhnjBYJ/Z9C1OSg4OhmVw9O3QeHJ/qJqFBERCDPv7G" crossorigin="anonymous"></script>
115<script src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/js/webflow.schunk.d57c25f1fc35b87f.js" type="text/javascript" integrity="sha384-ZBkHNBz2C7jnxISCSSAAI1UcBrUWhref4ACTCUDC1dz2WV/oKOmnU3DXCm5R4Q/I" crossorigin="anonymous"></script>
115<script src="https://cdn.prod.website-files.com/697b30f1da2973f1aff4d7ac/js/webflow.ba4ef5e0.7e7cc17536eeb0e3.js" type="text/javascript" integrity="sha384-UL5FW5ihIohAbbqRbvge9zgeZCuWc9vgBRtmaFWNZctorzha70169tfU3P5qzOa8" crossorigin="anonymous"></script>
115<script src="https://cdn.prod.website-files.com/gsap/3.15.0/gsap.min.js" type="text/javascript"></script>
115<script src="https://cdn.prod.website-files.com/gsap/3.15.0/ScrollTrigger.min.js" type="text/javascript"></script>
115<script src="https://cdn.prod.website-files.com/gsap/3.15.0/SplitText.min.js" type="text/javascript"></script>
115<script type="text/javascript">gsap.registerPlugin(ScrollTrigger,SplitText);</script>
115<!-- Lenis scroll -->
116<script src="https://unpkg.com/[email protected]/dist/lenis.min.js"></script>
116
117
118<style>
119  *:focus {
120    outline: none;
121  }
122
123  .w-webflow-badge { 
124    display: none !important; 
125  }
126  
127    /* Scrollbar */
128  ::-webkit-scrollbar {
129    background-color: transparent;
130    width: 5px;
131  }
132
133  ::-webkit-scrollbar-thumb {
134    background-color: #bfc1c7;
135    border-radius: 10px;
136  }
137
138  /* Lenis */
139  html.lenis {
140    height: auto;
141  }
142
143  .lenis.lenis-smooth {
144    scroll-behavior: auto !important;
145  }
146
147  .lenis.lenis-smooth [data-lenis-prevent] {
148    overscroll-behavior: contain;
149  }
150
151  .lenis.lenis-stopped {
152    overflow: hidden;
153  }
154
155  .lenis.lenis-scrolling iframe {
156    pointer-events: none;
157  }
158</style>
159
160<script>
161  // Lenis
162  const lenis = new Lenis();
163  lenis.on("scroll", ScrollTrigger.update);
164  gsap.ticker.add((time) => {
165    lenis.raf(time * 1000);
166  });
167  gsap.ticker.lagSmoothing(0);
168
169  // GSAP media
170  const mm = gsap.matchMedia();
171</script>
vendor: 1 bytes, line 171
171
172<script src="https://slater.app/18748/54671.js"></script>
172</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.