PageSourceSearch

https://unocss-preset-nuxt-ui.netlify.app/

html unocss-preset-nuxt-ui.netlify.app collected 2026-10-03 11:33:45 UTC 30,422 bytes, 100 lines download raw bytes

1<!DOCTYPE html><html  lang="en" class="dark" style=""><head><meta charset="utf-8">
2<!-- This site is hosted on Netlify. Anyone can build and deploy a site
3     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=47f85697-8806-45e2-ad31-f8bb286f736e
4     Netlify hosting facts for this site: static/SSR served via Netlify Edge. --><meta name="viewport" content="width=device-width, initial-scale=1"><style id="nuxt-ui-colors">@layer base {
5  :root {
6  --ui-color-primary-50: var(--color-green-50, oklch(98.2% 0.018 155.826));
7  --ui-color-primary-100: var(--color-green-100, oklch(96.2% 0.044 156.743));
8  --ui-color-primary-200: var(--color-green-200, oklch(92.5% 0.084 155.995));
9  --ui-color-primary-300: var(--color-green-300, oklch(87.1% 0.15 154.449));
10  --ui-color-primary-400: var(--color-green-400, oklch(79.2% 0.209 151.711));
11  --ui-color-primary-500: var(--color-green-500, oklch(72.3% 0.219 149.579));
12  --ui-color-primary-600: var(--color-green-600, oklch(62.7% 0.194 149.214));
13  --ui-color-primary-700: var(--color-green-700, oklch(52.7% 0.154 150.069));
14  --ui-color-primary-800: var(--color-green-800, oklch(44.8% 0.119 151.328));
15  --ui-color-primary-900: var(--color-green-900, oklch(39.3% 0.095 152.535));
16  --ui-color-primary-950: var(--color-green-950, oklch(26.6% 0.065 152.934));
17  --ui-color-secondary-50: var(--color-blue-50, oklch(97% 0.014 254.604));
18  --ui-color-secondary-100: var(--color-blue-100, oklch(93.2% 0.032 255.585));
19  --ui-color-secondary-200: var(--color-blue-200, oklch(88.2% 0.059 254.128));
20  --ui-color-secondary-300: var(--color-blue-300, oklch(80.9% 0.105 251.813));
21  --ui-color-secondary-400: var(--color-blue-400, oklch(70.7% 0.165 254.624));
22  --ui-color-secondary-500: var(--color-blue-500, oklch(62.3% 0.214 259.815));
23  --ui-color-secondary-600: var(--color-blue-600, oklch(54.6% 0.245 262.881));
24  --ui-color-secondary-700: var(--color-blue-700, oklch(48.8% 0.243 264.376));
25  --ui-color-secondary-800: var(--color-blue-800, oklch(42.4% 0.199 265.638));
26  --ui-color-secondary-900: var(--color-blue-900, oklch(37.9% 0.146 265.522));
27  --ui-color-secondary-950: var(--color-blue-950, oklch(28.2% 0.091 267.935));
28  --ui-color-success-50: var(--color-green-50, oklch(98.2% 0.018 155.826));
29  --ui-color-success-100: var(--color-green-100, oklch(96.2% 0.044 156.743));
30  --ui-color-success-200: var(--color-green-200, oklch(92.5% 0.084 155.995));
31  --ui-color-success-300: var(--color-green-300, oklch(87.1% 0.15 154.449));
32  --ui-color-success-400: var(--color-green-400, oklch(79.2% 0.209 151.711));
33  --ui-color-success-500: var(--color-green-500, oklch(72.3% 0.219 149.579));
34  --ui-color-success-600: var(--color-green-600, oklch(62.7% 0.194 149.214));
35  --ui-color-success-700: var(--color-green-700, oklch(52.7% 0.154 150.069));
36  --ui-color-success-800: var(--color-green-800, oklch(44.8% 0.119 151.328));
37  --ui-color-success-900: var(--color-green-900, oklch(39.3% 0.095 152.535));
38  --ui-color-success-950: var(--color-green-950, oklch(26.6% 0.065 152.934));
39  --ui-color-info-50: var(--color-blue-50, oklch(97% 0.014 254.604));
40  --ui-color-info-100: var(--color-blue-100, oklch(93.2% 0.032 255.585));
41  --ui-color-info-200: var(--color-blue-200, oklch(88.2% 0.059 254.128));
42  --ui-color-info-300: var(--color-blue-300, oklch(80.9% 0.105 251.813));
43  --ui-color-info-400: var(--color-blue-400, oklch(70.7% 0.165 254.624));
44  --ui-color-info-500: var(--color-blue-500, oklch(62.3% 0.214 259.815));
45  --ui-color-info-600: var(--color-blue-600, oklch(54.6% 0.245 262.881));
46  --ui-color-info-700: var(--color-blue-700, oklch(48.8% 0.243 264.376));
47  --ui-color-info-800: var(--color-blue-800, oklch(42.4% 0.199 265.638));
48  --ui-color-info-900: var(--color-blue-900, oklch(37.9% 0.146 265.522));
49  --ui-color-info-950: var(--color-blue-950, oklch(28.2% 0.091 267.935));
50  --ui-color-warning-50: var(--color-yellow-50, oklch(98.7% 0.026 102.212));
51  --ui-color-warning-100: var(--color-yellow-100, oklch(97.3% 0.071 103.193));
52  --ui-color-warning-200: var(--color-yellow-200, oklch(94.5% 0.129 101.54));
53  --ui-color-warning-300: var(--color-yellow-300, oklch(90.5% 0.182 98.111));
54  --ui-color-warning-400: var(--color-yellow-400, oklch(85.2% 0.199 91.936));
55  --ui-color-warning-500: var(--color-yellow-500, oklch(79.5% 0.184 86.047));
56  --ui-color-warning-600: var(--color-yellow-600, oklch(68.1% 0.162 75.834));
57  --ui-color-warning-700: var(--color-yellow-700, oklch(55.4% 0.135 66.442));
58  --ui-color-warning-800: var(--color-yellow-800, oklch(47.6% 0.114 61.907));
59  --ui-color-warning-900: var(--color-yellow-900, oklch(42.1% 0.095 57.708));
60  --ui-color-warning-950: var(--color-yellow-950, oklch(28.6% 0.066 53.813));
61  --ui-color-error-50: var(--color-red-50, oklch(97.1% 0.013 17.38));
62  --ui-color-error-100: var(--color-red-100, oklch(93.6% 0.032 17.717));
63  --ui-color-error-200: var(--color-red-200, oklch(88.5% 0.062 18.334));
64  --ui-color-error-300: var(--color-red-300, oklch(80.8% 0.114 19.571));
65  --ui-color-error-400: var(--color-red-400, oklch(70.4% 0.191 22.216));
66  --ui-color-error-500: var(--color-red-500, oklch(63.7% 0.237 25.331));
67  --ui-color-error-600: var(--color-red-600, oklch(57.7% 0.245 27.325));
68  --ui-color-error-700: var(--color-red-700, oklch(50.5% 0.213 27.518));
69  --ui-color-error-800: var(--color-red-800, oklch(44.4% 0.177 26.899));
70  --ui-color-error-900: var(--color-red-900, oklch(39.6% 0.141 25.723));
71  --ui-color-error-950: var(--color-red-950, oklch(25.8% 0.092 26.042));
72  --ui-color-neutral-50: var(--color-slate-50, oklch(98.4% 0.003 247.858));
73  --ui-color-neutral-100: var(--color-slate-100, oklch(96.8% 0.007 247.896));
74  --ui-color-neutral-200: var(--color-slate-200, oklch(92.9% 0.013 255.508));
75  --ui-color-neutral-300: var(--color-slate-300, oklch(86.9% 0.022 252.894));
76  --ui-color-neutral-400: var(--color-slate-400, oklch(70.4% 0.04 256.788));
77  --ui-color-neutral-500: var(--color-slate-500, oklch(55.4% 0.046 257.417));
78  --ui-color-neutral-600: var(--color-slate-600, oklch(44.6% 0.043 257.281));
79  --ui-color-neutral-700: var(--color-slate-700, oklch(37.2% 0.044 257.287));
80  --ui-color-neutral-800: var(--color-slate-800, oklch(27.9% 0.041 260.031));
81  --ui-color-neutral-900: var(--color-slate-900, oklch(20.8% 0.042 265.755));
82  --ui-color-neutral-950: var(--color-slate-950, oklch(12.9% 0.042 264.695));
83  }
84  :root, .light {
85  --ui-primary: var(--ui-color-primary-500);
86  --ui-secondary: var(--ui-color-secondary-500);
87  --ui-success: var(--ui-color-success-500);
88  --ui-info: var(--ui-color-info-500);
89  --ui-warning: var(--ui-color-warning-500);
90  --ui-error: var(--ui-color-error-500);
91  }
92  .dark {
93  --ui-primary: var(--ui-color-primary-400);
94  --ui-secondary: var(--ui-color-secondary-400);
95  --ui-success: var(--ui-color-success-400);
96  --ui-info: var(--ui-color-info-400);
97  --ui-warning: var(--ui-color-warning-400);
98  --ui-error: var(--ui-color-error-400);
99  }
100}</style><title>UnoCSS Preset Nuxt UI</title><link rel="stylesheet" href="/_nuxt/entry.CUkVuc0Z.css" crossorigin><style>@layer components {:where(.i-emojione-v1\:flag-for-vietnam){display:inline-block;width:1em;height:1em;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' width='64' height='64'%3E%3Cpath fill='%23ec1c24' d='M64 44c0 6.075-3.373 11-10 11
100H10C3.373 55 0 50.075 0 44V22c0-6.075 3.373-11 10-11h44c6.627 0 10 4.925 10 11z'/%3E%3Cpath fill='%23f9cb38' d='m45.43 28.963l-9.997.015l-3.103-10.114l-3.08 10.114l-10.01-.015l8.106 6.157l-3.14 10.05l8.13-6.241l8.147 6.241l-3.147-10.05z'/%3E%3C/svg%3E")}:where(.i-lucide\:chevron-down){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E")}:where(.i-lucide\:external-link){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E")}:where(.i-lucide\:github){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5c.08-1.25-.27-2.48-1-3.5c.28-1.15.28-2.35 0-3.5c0 0-1 0-3 1.5c-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.4 5.4 0 0 0 4 9c0 3.5 3 5.5 6 5.5c-.39.49-.68 1.05-.85 1.65S8.93 17.38 9 18v4'/%3E%3Cpath d='M9 18c-4.51 2-5-2-7-2'/%3E%3C/g%3E%3C/svg%3E")}:where(.i-lucide\:sun){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/g%3E%3C/svg%3E")}}</style><link rel="preload" as="fetch" crossorigin="anonymous" href="/_payload.json?f7803efa-7cdf-449b-9afa-f583ebdbc842"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/C6VnJgHs.js"><link rel="modulepreload" as="script" crossorigin href="/_nuxt/CwH-bCQZ.js"><link rel="preload" as="fetch" fetchpriority="low" crossorigin="anonymous" href="/_nuxt/builds/meta/f7803efa-7cdf-449b-9afa-f583ebdbc842.json"><meta name="description" content="Use your favorite CSS engine UnoCSS with your favorite UI library Nuxt UI">
100<script type="module" src="/_nuxt/C6VnJgHs.js" crossorigin></script>
100<script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"system";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"light"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script>
100</head><body><div id="__nuxt" class="isolate"><!--[--><!--[--><!--[--><!--[--><!--[--><!--[--><div class="flex flex-col items-center"><div class="text-center flex flex-col"><h1 class="text-6xl font-bold mt-6xl"> UnoCSS Preset Nuxt UI </h1><p class="text-dimmed"> Use your favorite CSS engine <a class="text-primary underline decoration-dashed" href="https://unocss.dev" target="_blank" rel="noopener" aria-label="UnoCSS website">UnoCSS</a> with your favorite UI library <a class="text-primary underline decoration-dashed" href="https://ui.nuxt.com" target="_blank" rel="noopener" aria-label="Nuxt UI website">Nuxt UI</a></p></div><div class="mt-6xl flex gap-lg items-center justify-center"><!--[--><!--[--><button type="button" aria-label="Toggle dark mode" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-sm gap-1.5 text-default bg-elevated hover:bg-accented/75 active:bg-accented/75 focus:outline-none focus-visible:bg-accented/75 disabled:bg-elevated aria-disabled:bg-elevated p-1.5"><!--[--><!--[--><span class="iconify i-lucide:sun shrink-0 size-5" aria-hidden="true" style=""></span><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><a href="https://github.com/lehuuphuc/unocss-preset-nuxt-ui" rel="noopener" target="_blank" aria-label="UnoCSS Preset Nuxt UI on GitHub" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-sm gap-1.5 text-default bg-elevated hover:bg-accented/75 active:bg-accented/75 focus:outline-none focus-visible:bg-accented/75 disabled:bg-elevated aria-disabled:bg-elevated p-1.5"><!--[--><!--[--><span class="iconify i-lucide:github shrink-0 size-5" aria-hidden="true" style=""></span><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></a><!--]--><!--]--><!--[--><!--[--><button type="button" aria-label="Vietnam" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors text-sm text-primary hover:text-primary/75 active:text-primary/75 disabled:text-primary aria-disabled:text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary p-0 gap-0 dark:opacity-90 [&amp;&gt;span]:size-11 dark:hover:opacity-100"><!--[--><!--[--><span class="iconify i-emojione-v1:flag-for-vietnam shrink-0 size-5" aria-hidden="true" style=""></span><!--]--><!--[--><!----><!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--></div><div class="mt-6xl flex flex-wrap gap-lg items-center justify-center"><!--[--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[-->Primary<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-secondary hover:bg-secondary/75 active:bg-secondary/75 disabled:bg-secondary aria-disabled:bg-secondary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-secondary"><!--[--><!--[--><!----><!--]--><!--[-->Secondary<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-success hover:bg-success/75 active:bg-success/75 disabled:bg-success aria-disabled:bg-success focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-success"><!--[--><!--[--><!----><!--]--><!--[-->Success<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-info hover:bg-info/75 active:bg-info/75 disabled:bg-info aria-disabled:bg-info focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-info"><!--[--><!--[--><!----><!--]--><!--[-->Info<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-warning hover:bg-warning/75 active:bg-warning/75 disabled:bg-warning aria-disabled:bg-warning focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-warning"><!--[--><!--[--><!----><!--]--><!--[-->Warning<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-error hover:bg-error/75 active:bg-error/75 disabled:bg-error aria-disabled:bg-error focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-error"><!--[--><!--[--><!----><!--]--><!--[-->Error<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-inverted hover:bg-inverted/90 active:bg-inverted/90 disabled:bg-inverted aria-disabled:bg-inverted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-inverted"><!--[--><!--[--><!----><!--]--><!--[-->Neutral<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--]--></div><div class="mt-lg flex flex-wrap gap-lg items-center justify-center"><!--[--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[-->Solid<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 ring ring-inset ring-primary/50 text-primary hover:bg-primary/10 active:bg-primary/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent focus:outline-none focus-visible:ring-2 focus-visible:ring-primary"><!--[--><!--[--><!----><!--]--><!--[-->Outline<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-primary bg-primary/10 hover:bg-primary/15 active:bg-primary/15 focu
100s:outline-none focus-visible:bg-primary/15 disabled:bg-primary/10 aria-disabled:bg-primary/10"><!--[--><!--[--><!----><!--]--><!--[-->Soft<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-primary ring ring-inset ring-primary/25 bg-primary/10 hover:bg-primary/15 active:bg-primary/15 disabled:bg-primary/10 aria-disabled:bg-primary/10 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary"><!--[--><!--[--><!----><!--]--><!--[-->Subtle<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-primary hover:bg-primary/10 active:bg-primary/10 focus:outline-none focus-visible:bg-primary/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent"><!--[--><!--[--><!----><!--]--><!--[-->Ghost<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--[--><!--[--><button type="button" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-primary hover:text-primary/75 active:text-primary/75 disabled:text-primary aria-disabled:text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary"><!--[--><!--[--><!----><!--]--><!--[-->Link<!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--><!--]--><!--[--><!--[--><button type="button" disabled class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-inverted bg-primary hover:bg-primary/75 active:bg-primary/75 disabled:bg-primary aria-disabled:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><!--[--><!--[--><!----><!--]--><!--[--> Disabled <!--]--><!--[--><!----><!--]--><!--]--></button><!--]--><!--]--></div><div class="mt-6xl flex flex-wrap gap-lg max-w-200 items-center justify-center"><!--[--><!--[--><!--[--><button class="relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-highlighted bg-default ring ring-inset ring-accented focus:ring-2 focus:ring-inset focus:ring-primary pe-9 w-48" aria-label="Select a fruit or a vegetable" role="combobox" type="button" aria-controls="reka-select-content-v-0" aria-expanded="false" aria-required="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-placeholder><!--[--><!----><!--[--><!--[--><!--[--><span class="truncate text-dimmed">Outline</span><!--]--><!--]--><!--]--><span class="absolute inset-y-0 end-0 flex items-center pe-2.5"><!--[--><span class="iconify i-lucide:chevron-down shrink-0 text-dimmed size-5" aria-hidden="true" style=""></span><!--]--></span><!--]--></button><!--v-if--><!--]--><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;word-wrap:normal;top:-1px;left:-1px;"><!--[--><option value></option><!--[--><!--]--><!--]--></select><!--]--><!--[--><!--[--><button class="relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-highlighted bg-elevated/50 hover:bg-elevated focus:bg-elevated disabled:bg-elevated/50 pe-9 w-48" aria-label="Select a fruit or a vegetable" role="combobox" type="button" aria-controls="reka-select-content-v-1" aria-expanded="false" aria-required="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-placeholder><!--[--><!----><!--[--><!--[--><!--[--><span class="truncate text-dimmed">Soft</span><!--]--><!--]--><!--]--><span class="absolute inset-y-0 end-0 flex items-center pe-2.5"><!--[-->
100<span class="iconify i-lucide:chevron-down shrink-0 text-dimmed size-5" aria-hidden="true" style=""></span><!--]--></span><!--]--></button><!--v-if--><!--]--><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;word-wrap:normal;top:-1px;left:-1px;"><!--[--><option value></option><!--[--><!--]--><!--]--></select><!--]--><!--[--><!--[--><button class="relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-highlighted bg-elevated ring ring-inset ring-accented focus:ring-2 focus:ring-inset focus:ring-primary pe-9 w-48" aria-label="Select a fruit or a vegetable" role="combobox" type="button" aria-controls="reka-select-content-v-2" aria-expanded="false" aria-required="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-placeholder><!--[--><!----><!--[--><!--[--><!--[--><span class="truncate text-dimmed">Subtle</span><!--]--><!--]--><!--]--><span class="absolute inset-y-0 end-0 flex items-center pe-2.5"><!--[--><span class="iconify i-lucide:chevron-down shrink-0 text-dimmed size-5" aria-hidden="true" style=""></span><!--]--></span><!--]--></button><!--v-if--><!--]--><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;word-wrap:normal;top:-1px;left:-1px;"><!--[--><option value></option><!--[--><!--]--><!--]--></select><!--]--><!--[--><!--[--><button class="relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-highlighted bg-transparent hover:bg-elevated focus:bg-elevated disabled:bg-transparent dark:disabled:bg-transparent pe-9 w-48" aria-label="Select a fruit or a vegetable" role="combobox" type="button" aria-controls="reka-select-content-v-3" aria-expanded="false" aria-required="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-placeholder><!--[--><!----><!--[--><!--[--><!--[--><span class="truncate text-dimmed">Ghost</span><!--]--><!--]--><!--]--><span class="absolute inset-y-0 end-0 flex items-center pe-2.5"><!--[--><span class="iconify i-lucide:chevron-down shrink-0 text-dimmed size-5" aria-hidden="true" style=""></span><!--]--></span><!--]--></button><!--v-if--><!--]--><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;word-wrap:normal;top:-1px;left:-1px;"><!--[--><option value></option><!--[--><!--]--><!--]--></select><!--]--><!--[--><!--[--><button class="relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-highlighted bg-transparent pe-9 w-48" aria-label="Select a fruit or a vegetable" role="combobox" type="button" aria-controls="reka-select-content-v-4" aria-expanded="false" aria-required="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-placeholder><!--[--><!----><!--[--><!--[--><!--[--><span class="truncate text-dimmed">None</span><!--]--><!--]--><!--]--><span class="absolute inset-y-0 end-0 flex items-center pe-2.5"><!--[--><span class="iconify i-lucide:chevron-down shrink-0 text-dimmed size-5" aria-hidden="true" style=""></span><!--]--></span><!--]--></button><!--v-if--><!--]--><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;word-wrap:normal;top:-1px;left:-1px;"><!--[--><option value></option><!--[--><!--]--><!--]--></select><!--]--><!--]--></div><div class="mt-6xl"><!--[--><!--[--><a href="https://nuxt-ui-unocss-playground.netlify.app" rel="noopener noreferrer" class="rounded-md font-medium inline-flex items-center disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 transition-colors px-2 py-1 text-xs gap-1 text-primary hover:text-primary/75 active:text-primary/75 disabled:text-primary aria-disabled:text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary underline decoration-dashed"><!--[--><!--[--><!----><!--]--><!--[--> View Full Playground <!--]--><!--[--><span class="iconify i-lucide:external-link shrink-0 size-4" aria-hidden="true" style=""></span><!--]--><!--]--></a>
100<!--]--><!--]--></div><div class="translate-x---xxx translate-y---xxx transform---xxx top---xxx left---xxx right---xxx bottom---xxx w---xxx h---xxx z---xxx min-w---xxx min-h---xxx max-w---xxx max-h---xxx origin---xxx gap---xxx [--gap:--spacing(16)]"></div></div><!--]--><!--]--><!--]--><!--[--><!--]--><!--v-if--><!--]--><!--[--><!--]--><!--]--><!--]--></div><div id="teleports"></div>
100<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__" data-src="/_payload.json?f7803efa-7cdf-449b-9afa-f583ebdbc842">[{"state":1,"once":8,"_errors":9,"serverRendered":5,"path":11,"prerenderedAt":12},["Reactive",2],{"$scolor-mode":3,"$stoasts":7},{"preference":4,"value":4,"unknown":5,"forced":6},"system",true,false,[],["Set"],["ShallowReactive",10],{},"/",1764907397372]</script>
100<script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/",buildId:"f7803efa-7cdf-449b-9afa-f583ebdbc842",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>
100</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.