uicreator.site Open in urlscan Pro
216.24.57.1  Public Scan

Form analysis
5 forms found in the DOM

<form class="space-y-4">
  <div class="grid grid-cols-2 gap-4">
    <div class="space-y-2"><label for="first-name" class="block text-sm font-medium text-gray-700">First Name</label><input id="first-name" type="text" placeholder="John" required=""
        class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"></div>
    <div class="space-y-2"><label for="last-name" class="block text-sm font-medium text-gray-700">Last Name</label><input id="last-name" type="text" placeholder="Doe" required=""
        class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"></div>
  </div>
  <div class="space-y-2"><label for="email" class="block text-sm font-medium text-gray-700">Email</label><input id="email" type="email" placeholder="john@example.com" required=""
      class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"></div>
  <div class="space-y-2"><label for="password" class="block text-sm font-medium text-gray-700">Password</label><input id="password" type="password" required=""
      class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"></div><button type="submit"
    class="w-full py-2 select-none rounded-lg bg-slate-900 py-3 px-6 text-center align-middle font-sans text-xs font-bold uppercase text-white shadow-md shadow-blue-500/20 transition-all hover:shadow-lg hover:shadow-blue-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none">Sign
    Up</button>Already have an account? <a class="font-medium text-blue-600 hover:text-blue-500" href="/login">Sign in</a>
</form>

---

<form class="space-y-4">
  <div class="grid grid-cols-2 gap-4">
    <div class="space-y-2"><label for="first-name" class="block text-sm font-medium text-gray-700">First Name</label><input id="first-name" type="text" placeholder="John" required=""
        class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"></div>
    <div class="space-y-2"><label for="last-name" class="block text-sm font-medium text-gray-700">Last Name</label><input id="last-name" type="text" placeholder="Doe" required=""
        class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"></div>
  </div>
  <div class="space-y-2"><label for="email" class="block text-sm font-medium text-gray-700">Email</label><input id="email" type="email" placeholder="john@example.com" required=""
      class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"></div>
  <div class="space-y-2"><label for="password" class="block text-sm font-medium text-gray-700">Password</label><input id="password" type="password" required=""
      class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"></div><button type="submit"
    class="w-full py-2 select-none rounded-lg bg-slate-900 py-3 px-6 text-center align-middle font-sans text-xs font-bold uppercase text-white shadow-md shadow-blue-500/20 transition-all hover:shadow-lg hover:shadow-blue-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none">Sign
    Up</button>Already have an account? <a class="font-medium text-blue-600 hover:text-blue-500" href="/login">Sign in</a>
</form>

---

<form class="space-y-4">
  <div class="grid grid-cols-2 gap-4">
    <div class="space-y-2"><label for="first-name" class="block text-sm font-medium text-gray-700">First Name</label><input id="first-name" type="text" placeholder="John" required=""
        class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"></div>
    <div class="space-y-2"><label for="last-name" class="block text-sm font-medium text-gray-700">Last Name</label><input id="last-name" type="text" placeholder="Doe" required=""
        class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"></div>
  </div>
  <div class="space-y-2"><label for="email" class="block text-sm font-medium text-gray-700">Email</label><input id="email" type="email" placeholder="john@example.com" required=""
      class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"></div>
  <div class="space-y-2"><label for="password" class="block text-sm font-medium text-gray-700">Password</label><input id="password" type="password" required=""
      class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"></div><button type="submit"
    class="w-full py-2 select-none rounded-lg bg-slate-900 py-3 px-6 text-center align-middle font-sans text-xs font-bold uppercase text-white shadow-md shadow-blue-500/20 transition-all hover:shadow-lg hover:shadow-blue-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none">Sign
    Up</button>Already have an account? <a class="font-medium text-blue-600 hover:text-blue-500" href="/login">Sign in</a>
</form>

---

<form class="space-y-4"><input type="email" placeholder="Enter your email" class="w-full px-4 py-2 rounded-md bg-gray-800 border border-gray-700 focus:outline-none focus:ring-2 focus:ring-primary" required="" value=""><button type="submit"
    class="w-full bg-primary text-white px-4 py-2 rounded-md hover:bg-primary-dark transition duration-300">Subscribe</button></form>

---

<form class="space-y-4"><input type="text" name="name" placeholder="Your Name" class="w-full px-4 py-2 rounded-md bg-gray-800 border border-gray-700 focus:outline-none focus:ring-2 focus:ring-primary" required=""><input type="email" name="email"
    placeholder="Your Email" class="w-full px-4 py-2 rounded-md bg-gray-800 border border-gray-700 focus:outline-none focus:ring-2 focus:ring-primary" required=""><textarea name="message" placeholder="Your Message"
    class="w-full px-4 py-2 rounded-md bg-gray-800 border border-gray-700 focus:outline-none focus:ring-2 focus:ring-primary" rows="3" required=""></textarea><button type="submit"
    class="w-full bg-primary text-white px-4 py-2 rounded-md hover:bg-primary-dark transition duration-300">Send Message</button></form>

---

Text Content

 * Features
 * Solution
 * Testimonials
 * Blog
 * 

Get Started


A BEAUTIFUL, FAST AND MODERNREACT UI LIBRARYFOR MODERN WEB APPS

html
react
next-js
vue

Explore our diverse range of UI Components and elevate your web development
experience.

Get started


SIGN UP

Create your account to get started.

First Name
Last Name
Email
Password
Sign UpAlready have an account? Sign in


PREMIUM COMPONENTS


FORM


SIGN UP

Create your account to get started.

First Name
Last Name
Email
Password
Sign UpAlready have an account? Sign in


CARD


MODERN ECOMMERCE CARD

A Moder Ecommerce product card example function.

$49.99Add to Cart


NFT CARD

NFT ART

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc felis ligula.

Read More


E-COMMERCE CARD


MODERN ECOMMERCE CARD

A Moder Ecommerce product card example function.

$49.99Add to Cart


SEARCH INPUT


SIGN UP

Create your account to get started.

First Name
Last Name
Email
Password
Sign UpAlready have an account? Sign in
Explore All Components


UPLOAD YOUR UI COMPONENTS

Contribute to our growing library by uploading your own UI components. Follow
these simple steps:

CREATE YOUR COMPONENT

Design your UI component using Core CSS, Bootstrap, or Tailwind CSS

Read more

UPLOAD

Use our upload feature to add your component to our library.

Read more

SHARE AND LEARN

Share your creation with our community and get feedback.

Read more

SAVE TIME

Use code that’s already written There’s no need to re-invent the wheel.

Read more


WE HAVE SOME FANS.

VAIBHAV PANDEY

MERN Stack Web Developer

"I love how UICerator combines a vast library of components with the ability to
create and share our own. It's like a collaborative playground for developers."

SHRUTI MAHESHWARI

Software Engineer

"The AI-generated datasets of UI elements are a game-changer. They provide
endless inspiration and save me hours of design time. UICerator has become an
essential tool in my design workflow."

SOURABH VERMA
@FOUNDER OF UICREATOR

Software Engineer

"As the founder, I initially created this site as a personal repository to store
and reuse all the frontend code I was writing. Over time, I decided to expand
this platform for the developer community, allowing others to discover modern
style components and contribute to the community as well."

JATIN MALIK

Machine Learning Engineer

"The AI code assistance on UICerator is like having a superpower. It helps me
understand and generate complex UI components with ease. Great work. This is one
of the best personal websites that I have seen so far!"

SHUBHAM DUBEY

React-Node Developer

"UICerator's integration with React, Tailwind, and Next.js is seamless. The
AI-assisted prompts for generating UI elements have dramatically improved my
development speed and code quality."

ANIKET VISHVAKARMA

Full-stack Developer

"The combination of a comprehensive UI library and AI assistance makes UICerator
stand out. It's not just a tool, but a partner in development that helps me
create stunning, responsive interfaces with React and Tailwind CSS."


LATEST FEATURES

Explore our cutting-edge tools designed to enhance your development experience
and boost productivity.


BROWSE COMPONENTS

Discover and search the latest components in our extensive library. Stay
up-to-date with cutting-edge UI elements and easily integrate them into your
projects.

Explore components


CODE EDITOR WITH LIVE PREVIEW

Experience seamless coding with our advanced editor featuring live preview and
AI-powered code assistance. Boost your productivity and code quality in
real-time.

Try the editor


AI-GENERATED UI COMPONENTS

Browse through our collection of AI-generated UI components. Access the code and
prompts used to create these unique designs, and customize them for your
projects.

Explore AI components


YOUR COMPANY

123 Web Street, Internet City

contact@yourcompany.com

(123) 456-7890


QUICK LINKS

 * Dashboard
 * AI Components
 * All Components
 * GitHub


STAY UPDATED

Subscribe


GET IN TOUCH

Send Message
FacebookInstagramTwitterGitHub

© 2024 Your Company Name. All rights reserved.