v0.dev Open in urlscan Pro
76.76.21.241  Public Scan

Submitted URL: http://v0.dev/
Effective URL: https://v0.dev/
Submission: On June 23 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

<form class="relative z-10 h-full w-full min-w-0 bg-gray-900 p-3 md:pl-4">
  <div class="relative flex w-full flex-1 items-center transition-all duration-300 flex-col gap-6"><label class="sr-only" for="textarea-input">Prompt</label>
    <div class="relative flex w-full min-w-0 flex-1 justify-between self-start">
      <div class="pointer-events-none invisible ml-[-100%] min-w-[50%] flex-[1_0_50%] overflow-x-visible opacity-0">
        <div class="[&amp;_textarea]:px-0 pointer-events-none invisible opacity-0">A "report an issue" modal</div>
      </div><textarea
        class="min-h-[1.5rem] w-full flex-[1_0_50%] resize-none border-0 bg-transparent pr-2 text-sm leading-relaxed shadow-none outline-none ring-0 [scroll-padding-block:0.75rem] selection:bg-teal-300 selection:text-black disabled:bg-transparent disabled:opacity-80 text-white placeholder:text-zinc-400 [&amp;_textarea]:px-0"
        id="home-prompt" maxlength="1000" minlength="2" style="color-scheme: dark; height: 23px !important;" placeholder="A &quot;report an issue&quot; modal" rows="1" spellcheck="false"></textarea>
    </div>
    <div class="flex w-full gap-2">
      <div class="flex flex-1 gap-1 sm:gap-2"><button data-state="closed" class="cursor-default" type="button"><label
            class="shrink-0 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 items-center justify-center bg-transparent hover:bg-gray-800 focus-visible:bg-gray-800 focus-visible:ring-0 h-8 py-2 flex select-none gap-2 px-2 text-white/70 focus-within:bg-gray-700 hover:text-white sm:px-3 cursor-pointer"
            data-id="prompt-form-image-upload" for="fileUpload"><input accept="image/*" class="sr-only" disabled="" id="fileUpload" type="file"><svg class="h-4 w-4" fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
              <g clip-path="url(#a)">
                <path clip-rule="evenodd"
                  d="M14.5 2.5h-13v6.69l1.47-1.47.22-.22h3.75l.03-.03 3.5-3.5h1.06l2.97 2.97V2.5ZM8 8.56l1.53 1.53.53.53L9 11.68l-.53-.53L6.32 9H3.81l-2.28 2.28-.03.03v1.19a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1V9.06L11 5.56 8.03 8.53 8 8.56Zm-8 2.25v1.69A2.5 2.5 0 0 0 2.5 15h11a2.5 2.5 0 0 0 2.5-2.5V9.56l.56-.56-.53-.53-.03-.03V1H0v9.69l-.06.06.06.06Z"
                  fill="currentColor" fill-rule="evenodd"></path>
              </g>
              <defs>
                <clipPath id="a">
                  <path d="M0 0h16v16H0z" fill="currentColor"></path>
                </clipPath>
              </defs>
            </svg><span class="hidden sm:block">Image</span></label></button><button
          class="shrink-0 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 items-center justify-center bg-transparent hover:bg-gray-800 focus-visible:bg-gray-800 focus-visible:ring-0 h-8 py-2 flex w-fit select-none gap-2 px-2 text-white/70 hover:text-white sm:w-24 sm:px-3"
          id="visibility-toggle" type="button">
          <div class="flex items-center gap-1.5 focus-within:bg-gray-700"><svg class="w-4 h-4 shrink-0 translate-x-[1px] sm:translate-x-[-1px]" fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
              <path clip-rule="evenodd" d="M14 6V4.5a2 2 0 1 0-4 0V6h2v6.5A2.5 2.5 0 0 1 9.5 15h-7A2.5 2.5 0 0 1 0 12.5V6h8.5V4.5a3.5 3.5 0 1 1 7 0V6H14Zm-3.5 1.5h-9v5a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1v-5Z" fill="currentColor" fill-rule="evenodd"></path>
            </svg>
            <div class="hidden sm:block">Public</div>
          </div>
        </button></div><!--$-->
      <div class="">
        <div dir="ltr" data-orientation="horizontal">
          <div role="tablist" aria-orientation="horizontal" class="flex items-center group relative h-8 cursor-pointer gap-0 rounded-lg bg-gray-800 p-0.5 duration-200" tabindex="0" data-orientation="horizontal" style="outline:none">
            <div class="absolute hidden h-7 rounded-md bg-gray-700 transition-all animate-in fade-in sm:block right-[94px] w-[88px]"></div><button type="button" role="tab" aria-selected="true" aria-controls="radix-:Rcuiqkrqui76uf:-content-speed"
              data-state="active" id="radix-:Rcuiqkrqui76uf:-trigger-speed"
              class="inline-flex items-center justify-center whitespace-nowrap px-3 text-sm font-medium text-gray-500 ring-offset-white hover:text-[#171717] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-7 rounded-md transition-[colors,opacity] group-hover:text-white data-[state=active]:bg-gray-700 data-[state=active]:text-white sm:data-[state=active]:bg-gray-800"
              tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">
              <div class="z-10 flex items-center"><svg class="h-3.5 w-3.5" fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg" color="#FFEA4D">
                  <path clip-rule="evenodd" d="M7.99995 0L2.99995 9.75H6.99995C7.55223 9.75 7.99995 10.1977 7.99995 10.75V16L12.9999 6.25H8.99995C8.44766 6.25 7.99995 5.80228 7.99995 5.25V0Z" fill="currentColor" fill-rule="evenodd"></path>
                </svg>
                <div class="overflow-hidden text-left transition-[width] sm:block sm:w-[52px] w-[52px]"><span class="ml-1">Speed</span></div>
              </div>
            </button><button type="button" role="tab" aria-selected="false" aria-controls="radix-:Rcuiqkrqui76uf:-content-quality" data-state="inactive" id="radix-:Rcuiqkrqui76uf:-trigger-quality"
              class="inline-flex items-center justify-center whitespace-nowrap px-3 text-sm font-medium text-gray-500 ring-offset-white hover:text-[#171717] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 h-7 rounded-md transition-[colors,opacity] group-hover:text-white data-[state=active]:bg-gray-700 data-[state=active]:text-white sm:data-[state=active]:bg-gray-800"
              tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">
              <div class="z-10 flex items-center"><svg class="h-3.5 w-3.5" fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg" color="">
                  <g clip-path="url(#clip0_1578_1396)">
                    <path d="M2.5 0.5V0H3.5V0.5C3.5 1.60457 4.39543 2.5 5.5 2.5H6V3V3.5H5.5C4.39543 3.5 3.5 4.39543 3.5 5.5V6H3H2.5V5.5C2.5 4.39543 1.60457 3.5 0.5 3.5H0V3V2.5H0.5C1.60457 2.5 2.5 1.60457 2.5 0.5Z" fill="currentColor"></path>
                    <path d="M14.5 4.5V5H13.5V4.5C13.5 3.94772 13.0523 3.5 12.5 3.5H12V3V2.5H12.5C13.0523 2.5 13.5 2.05228 13.5 1.5V1H14H14.5V1.5C14.5 2.05228 14.9477 2.5 15.5 2.5H16V3V3.5H15.5C14.9477 3.5 14.5 3.94772 14.5 4.5Z" fill="currentColor">
                    </path>
                    <path
                      d="M8.40706 4.92939L8.5 4H9.5L9.59294 4.92939C9.82973 7.29734 11.7027 9.17027 14.0706 9.40706L15 9.5V10.5L14.0706 10.5929C11.7027 10.8297 9.82973 12.7027 9.59294 15.0706L9.5 16H8.5L8.40706 15.0706C8.17027 12.7027 6.29734 10.8297 3.92939 10.5929L3 10.5V9.5L3.92939 9.40706C6.29734 9.17027 8.17027 7.29734 8.40706 4.92939Z"
                      fill="currentColor"></path>
                  </g>
                  <defs>
                    <clipPath id="clip0_1578_1396">
                      <rect fill="currentColor" height="16" width="16"></rect>
                    </clipPath>
                  </defs>
                </svg>
                <div class="overflow-hidden text-left transition-[width] sm:block sm:w-[52px] w-0"><span class="ml-1">Quality</span></div>
              </div>
            </button>
          </div>
        </div>
      </div><!--/$-->
      <div class="cursor-not-allowed" data-state="closed"><button
          class="shrink-0 whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 flex items-center justify-center bg-transparent text-white hover:bg-gray-800 focus-visible:bg-gray-800 focus-visible:ring-0 h-8 w-8 rounded-md"
          disabled="" id="send-button" type="submit"><span class="sr-only">Send</span><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="size-6">
            <path
              d="M7.14645 2.14645C7.34171 1.95118 7.65829 1.95118 7.85355 2.14645L11.8536 6.14645C12.0488 6.34171 12.0488 6.65829 11.8536 6.85355C11.6583 7.04882 11.3417 7.04882 11.1464 6.85355L8 3.70711L8 12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 3.70711L3.85355 6.85355C3.65829 7.04882 3.34171 7.04882 3.14645 6.85355C2.95118 6.65829 2.95118 6.34171 3.14645 6.14645L7.14645 2.14645Z"
              fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path>
          </svg></button></div>
    </div>
  </div>
</form>

Text Content

Your Privacy
This site uses tracking technologies. You may opt in or opt out of the use of
these technologies.
Consent Settings
Privacy Policy
DenyAccept all
Your Privacy



This site uses tracking technologies. You may opt in or opt out of the use of
these technologies.



MarketingOff
Marketing cookies and services are used to deliver personalized advertisements,
promotions, and offers. These technologies enable targeted advertising and
marketing campaigns by collecting information about users' interests,
preferences, and online activities.

--------------------------------------------------------------------------------

AnalyticsOff
Analytics cookies and services are used for collecting statistical information
about how visitors interact with a website. These technologies provide insights
into website usage, visitor behavior, and site performance to understand and
improve the site and enhance user experience.

--------------------------------------------------------------------------------

FunctionalOff
Functional cookies and services are used to offer enhanced and personalized
functionalities. These technologies provide additional features and improved
user experiences, such as remembering your language preferences, font sizes,
region selections, and customized layouts. Opting out of these cookies may
render certain services or functionality of the website unavailable.

--------------------------------------------------------------------------------

EssentialOn
Essential cookies and services are used to enable core website features, such as
ensuring the security of the website.
SaveDenyAccept all
Privacy Policy

Home
FeedbackToggle Menu


V0.DEV


GENERATE. REFINE. SHIP.

Generate UI with shadcn/ui from simple
text prompts and images.

Prompt
A "report an issue" modal
Image
Public
Speed
Quality
Send
Product categoriesHero sectionContact formEcommerce dashboard


EXPLORE

New GenerationsFeatured

 * 22 seconds ago
   
   Link to jeferssontrejos's v0.dev Profile
   An ecommerce dashboard with a sidebar navigation and a table of recent
   orders.

 * 44 seconds ago
   
   Link to daniels600's v0.dev Profile
   Design a web page for the lesson page with multiple lesson videos and a quiz
   section

 * 52 seconds ago
   
   Link to ~Y5aVpjTVBBMfgnrtPxZnNWF1's v0.dev Profile
   full functional blog page for https://abhaitech.com with all business logic
   with all component in same file

 * 1 minute ago
   
   Link to seanblock's v0.dev Profile
   a project management ticket. just the information for one task. all it's
   information for the one ticket. w-60

 * 1 minute ago
   
   Link to jonaemmofcruzcerda's v0.dev Profile
   Una aplicacion de chat, con una barra abajo con opciones Novedades,
   Comunidades, Chats, Configuracion, en la opcion novedades para subir
   imagenes, texto y videos, en opcion comunidades crear grupo de chats, en la
   opcion chats mostrar los chats imagen nombre y bolita con contador para
   mensajes no leidos y configuracion para personalizar la app en html, css, php

 * 2 minutes ago
   
   Link to marcm8793's v0.dev Profile
   a card with Logged in as: Marie Curie Your Passes Level: 5 Log Off as a
   button

 * 2 minutes ago
   
   Link to ~v6bXWBUxlGrOwxGh5Wt5LsJA's v0.dev Profile
   can create a landing page for a directory

 * 2 minutes ago
   
   Link to fetihonal's v0.dev Profile
   design a chat screen

 * 2 minutes ago
   
   Link to tukukali's v0.dev Profile
   landing page to sell three products for architects

 * 2 minutes ago
   
   Link to seanblock's v0.dev Profile
   a project management ticket. just the information for one task. all it's
   information for the one ticket.

 * 2 minutes ago
   
   Link to ~Y5aVpjTVBBMfgnrtPxZnNWF1's v0.dev Profile
   full functional blog page for https://abhaitech.com with api integration with
   all component in same file

 * 3 minutes ago
   
   Link to dhanfer's v0.dev Profile
   necesito un navbar ux

 * 3 minutes ago
   
   Link to ~x8dtCLsITv5eoSV8eFoTuWSQ's v0.dev Profile
   make red button

 * 4 minutes ago
   
   Link to seanblock's v0.dev Profile
   a project management task. needs to be in a small sidebar container about
   w-72

 * 4 minutes ago
   
   Link to otseobande's v0.dev Profile
   A page to add a create a feature flag based on the openfeature spec. Pay
   attention to the different types of flags that can be created

 * 4 minutes ago
   
   Link to joshkoiro's v0.dev Profile
   create a complex product configurator page with 22 different options. Make it
   easy to navigate through.

 * 4 minutes ago
   
   Link to reelref's v0.dev Profile
   Portfolio website about the rock

 * 4 minutes ago
   
   Link to ~i8TNuqZ3bZb8ot8QognkH7e1's v0.dev Profile
   necesito que me hagas una pagina que tenga un buscador y de bajo de buscador
   que va a estar en el header daveria esta los easpasios con la imagen del vido
   y abajo la descripciĆ³n del video, cuando se parete en la imagen o en la
   descripciĆ³n del video te lleve a una pagina donde se va arerodusir el video.
   Que tenga una opcion para poner modo oscuro (que sea responsive)

 * 5 minutes ago
   
   Link to michaelasiass's v0.dev Profile
   Create a simple footer

 * 5 minutes ago
   
   Link to ~Y5aVpjTVBBMfgnrtPxZnNWF1's v0.dev Profile
   full functional blog page for https://abahitech.com

 * 5 minutes ago
   
   Link to ~fQHAEifpjRXRemSy8yWyh1l6's v0.dev Profile
   Generate a user profile with all basic data. Create a section to verify
   document and another one to accept or deny the account after signup

 * 6 minutes ago
   
   Link to ~6dGgO7InytMoK7QNKUO2Q1QX's v0.dev Profile
   crear una pagina solo como punto de venta donde al lado derecho esta el
   checkout con los productos seleccionado , con un subtotal, iva y total . Al
   lado izquerdo el listado de productos disponibles y ademas un buscador de
   productos. entonces al seleccionar un producto del listado este sea agredado
   al panel derecho y en ese momento calcular el subtotal, iva y total,
   adicionalmente que sea posible eliminar un producto del panel derecho o
   aumentar su cantidad

 * 6 minutes ago
   
   Link to ~irKYv7OLWnUg5tyujbkU0odQ's v0.dev Profile
   futuristic ecommerce dashboard with left sidebar

 * 6 minutes ago
   
   Link to ~x8dtCLsITv5eoSV8eFoTuWSQ's v0.dev Profile
   make a drop down menu that looks EPIC

 * 7 minutes ago
   
   Link to crazycodestar's v0.dev Profile
   a component that shows me my last 5 transactions

 * 7 minutes ago
   
   Link to jefinol's v0.dev Profile
   Desing an elegant and modern logo for an inventory management app called
   Apeiron, which meaning in Greek is "limitless" or "infinite"


CookiesFeedbackFAQTermsPolicyAI PolicyPrivacyVercel