ui.nuxt.com
Open in
urlscan Pro
2a06:98c1:3121::3
Public Scan
Submitted URL: http://ui.nuxt.com/
Effective URL: https://ui.nuxt.com/
Submission: On November 24 via api from US — Scanned from NL
Effective URL: https://ui.nuxt.com/
Submission: On November 24 via api from US — Scanned from NL
Form analysis 1 forms found in the DOM
<form class="overflow-hidden rounded-lg divide-y divide-gray-200 dark:divide-gray-800 ring-1 ring-gray-200 dark:ring-gray-800 shadow bg-white dark:bg-gray-900">
<div class="px-4 py-5 sm:px-6">
<p class="text-base font-semibold leading-6 text-gray-900 dark:text-white">Account</p>
<p class="mt-1 text-sm text-gray-500 dark:text-gray-400"> Make changes to your account here. Click save when you're done. </p>
</div>
<div class="px-4 py-5 sm:p-6">
<div class="mb-3">
<div class="flex content-center items-center justify-between text-sm"><label class="block font-medium text-gray-700 dark:text-gray-200" for="nuid-8">Name</label><!----></div><!---->
<div class="mt-1 relative">
<div class="relative"><input name="name" type="text"
class="form-input relative block w-full disabled:cursor-not-allowed disabled:opacity-75 focus:outline-none border-0 rounded-md placeholder-gray-400 dark:placeholder-gray-500 text-sm px-2.5 py-1.5 shadow-sm bg-white dark:bg-gray-900 text-gray-900 dark:text-white ring-1 ring-inset ring-gray-300 dark:ring-gray-700 focus:ring-2 focus:ring-primary-500 dark:focus:ring-primary-400"
id="nuid-8"><!----><!----></div><!---->
</div>
</div>
<div class="">
<div class="flex content-center items-center justify-between text-sm"><label class="block font-medium text-gray-700 dark:text-gray-200" for="nuid-9">Username</label><!----></div><!---->
<div class="mt-1 relative">
<div class="relative"><input name="username" type="text"
class="form-input relative block w-full disabled:cursor-not-allowed disabled:opacity-75 focus:outline-none border-0 rounded-md placeholder-gray-400 dark:placeholder-gray-500 text-sm px-2.5 py-1.5 shadow-sm bg-white dark:bg-gray-900 text-gray-900 dark:text-white ring-1 ring-inset ring-gray-300 dark:ring-gray-700 focus:ring-2 focus:ring-primary-500 dark:focus:ring-primary-400"
id="nuid-9"><!----><!----></div><!---->
</div>
</div>
</div>
<div class="px-4 py-4 sm:px-6"><button type="submit"
class="focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-sm gap-x-1.5 px-2.5 py-1.5 shadow-sm text-white dark:text-gray-900 bg-gray-900 hover:bg-gray-800 disabled:bg-gray-900 dark:bg-white dark:hover:bg-gray-100 dark:disabled:bg-white focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 inline-flex items-center"><!---->
Save account <!----></button></div>
</form>Text Content
* Documentation * Playground * Roadmap * Pro * Releases Nuxt UI 2.11 is out! A UI LIBRARY FOR MODERN WEB APPS Nuxt UI simplifies the creation of stunning and responsive web applications with its comprehensive collection of fully styled and customizable UI components designed for Nuxt. Get Started Email Phone (SMS) Push notification Options +1 ButtonBadge 12345…11 Notification This is a notification! AccountPassword Account Make changes to your account here. Click save when you're done. Name Username Save account RECENT SEARCHES benjamincanac Add new file ⌘N Add new folder ⌘F Add hashtag ⌘H Add label ⌘L Notifications Labels Select labels benjamincanacAtinuxsmarroufin IdNameTitleEmailRole 1Lindsay WaltonFront-end Developerlindsay.walton@example.comMember 2Courtney HenryDesignercourtney.henry@example.comAdmin 3Tom CookDirector of Producttom.cook@example.comMember 4Whitney FrancisCopywriterwhitney.francis@example.comAdmin 5Leonard KrasnerSenior Designerleonard.krasner@example.comOwner EVERYTHING YOU EXPECT FROM A UI COMPONENT LIBRARY Color Palette Choose a primary and a gray color from your Tailwind CSS color palette. Components will be styled accordingly. Fully Customizable Change the style of any component in your App Config or customize them specifically through the ui prop. Icons Choose any of the 100k+ icons from the most popular icon libraries with the Icon component or the icon prop. Light & Dark Every component is designed with dark mode in mind. Works out of the box with @nuxtjs/color-mode. Keyboard Shortcuts Nuxt UI comes with a set of Vue composables to easily handle keyboard shortcuts in your app. Explore docs A COLLECTION OF 30+ COMPONENTS Get access to 30+ beautifully designed and fully customizable components built for Nuxt. These components are updated regularly to ensure that you always have the latest features and functionalities. Elements9 Forms10 Data1 Navigation4 Overlays6 Layout3 Explore components TRUSTED AND SUPPORTED BY OUR AMAZING COMMUNITY +16 49K+ monthly downloads 2.3K+ stars UPGRADE TO UI PRO FOR MORE COMPONENTS Nuxt UI Pro is a collection of premium components built on top of Nuxt UI to create beautiful & responsive Nuxt applications in minutes. It includes all primitives to build landing pages, documentation, blogs, changelog, dashboards or entire SaaS products. Explore Pro Published under MIT License