<section class="py-4 overflow-hidden">
<div class="container px-4 mx-auto">
<div class="p-6 bg-white border rounded-xl">
<div class="flex flex-wrap justify-between -m-2">
<div class="w-full sm:w-1/2 p-2">
<h3 class="font-heading text-sm font-semibold">Username</h3>
<p class="text-sm text-neutral-500">Enter your website url</p>
</div>
<div class="w-full sm:w-1/2 p-2">
<div class="sm:max-w-md ml-auto overflow-hidden border border-neutral-200 rounded-lg focus-within:border-neutral-600">
<div class="flex flex-wrap sm:flex-nowrap sm:divide-x divide-neutral-200">
<div class="w-full sm:w-auto">
<div class="py-2 px-3.5 bg-light"><span class="text-sm font-medium">dashy.com/</span></div>
</div>
<div class="w-full sm:flex-1">
<input class="py-3 px-3.5 text-sm w-full h-full outline-none hover:bg-gray-50 placeholder-neutral-400" id="inputsInput1-1" type="text" placeholder="username"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>Framework
All Frameworks
UI Library
All Libraries
Components
- Advanced inputs 18
- Alert 276
- Application 231
- Banners 101
- Benefits 16
- Blog 289
- Breadcrumbs 27
- Call to action 420
- Cards 43
- Careers 44
- Confirmation 6
- Contact 194
- Content 217
- Cookies 193
- Dashboards 13
- Download 5
- Dropdowns 4
- E-commerce (orders) 87
- E-commerce (products) 145
- Empty state 4
- FAQ 189
- Features 535
- Footers 274
- Forms 9
- Gallery 5
- Graphs 85
- HTTP codes 216
- Hero section 360
- How it works 231
- Instagram photos 5
- Integrations 5
- Logo clouds 348
- Modals 48
- Navbar 308
- Navigation (horizontal) 449
- Navigation (vertical) 28
- Newsletter 222
- Notifications 11
- Paginations 16
- Portfolio 184
- Pricing 227
- Product info 5
- Projects 15
- Reviews 46
- Rich text 6
- Sign in / Sign up 343
- Snackbars 10
- Stats 292
- Steps 7
- Steps 5
- Tables 174
- Tabs 2
- Team 212
- Testimonials 251
- Users 59
Component #1
Component #2
Component #3
Component #4
Component #5
Component #6
Component #7
Component #8
Component #9
Component #10
Advanced Inputs Components by Shuffle
Choose from 18 variations of Advanced inputs UI components. Presented here are variants available in various UI libraries.
Get access to all UI components, code, and our visual editor. Try the demo for free!
