UI's that Works Across Frameworks

Stop wasting time hunting for UI components. Right here, you just need to copy and paste.

https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original.svg-icon
https://cdn.jsdelivr.net/gh/devicons/devicon/icons/vuejs/vuejs-original.svg-icon
https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg-icon
https://cdn.jsdelivr.net/gh/devicons/devicon/icons/svelte/svelte-original.svg-icon

Built for your frontend app

tailwind-icon

Styled with TailwindCSS

my-bini

Leeseo

Senior Developer

Verified

나를 보면 눈 깜빡할 시간 조차도 아까울 걸 드디어 만나 반가워 LOVE 사이 놓일 I

Easiest way to Copy & Pastesetup into Your HTML Page

Don't worry about emails, spam checking, integrations and form issues ever, code your front-end, add your unique formcarry URL, and we'll handle the rest. Within literally just 3 minutes, you can have a fully functional form for any platform

HTML-icon
HTML
Vue-icon
Vue
React-icon
React
Svelte-icon
Svelte
<div class="cardo relative w-[25rem] p-0 rounded-2xl overflow-hidden shadow-md outline-0 cursor-pointer group">
  <figure>
    <img src="https://i.pinimg.com/736x/d5/f8/fd/d5f8fd1c39eaed2bfabf95a3dcbc8cfc.jpg" alt="wife-1" class="aspect-[2/3] object-cover block" />
  </figure>
</div>
 
<div class="cardo relative w-[25rem] p-0 rounded-2xl overflow-hidden shadow-md outline-0 cursor-pointer group">
<figure>
  <img src="https://i.pinimg.com/736x/04/89/75/04897577225e3155d507b05dd8a35e17.jpg" alt="wife-2" class="aspect-[2/3] object-cover block" />
</figure>
</div>
 
<div class="cardo relative w-[25rem] p-0 rounded-2xl overflow-hidden shadow-md outline-0 cursor-pointer group">
  <figure>
     <img src="https://i.pinimg.com/736x/6e/3e/dd/6e3edd809c73af19bef6ed7d648d00ee.jpg" alt="wife-3" class="aspect-[2/3] object-cover block" />
  </figure>
</div>

Built by developers, for developers

Our components designed with accessibility, modern standards, and developer best practices in mind.

Find A component
copy
Copy Component
Paste it and that's it
isoneui is built with

NextJs (App)

15.5.3

MDX

15.5.3

Typescript

5.0

Tailwindcss

4.1

Darkmode Support? Yes sir!

IsoneUI comes with a fully well-scaled default dark theme that you can apply to your application with just adding the dark attribute to your page.

first image
second image
user-1
user-1
user-1

Be part of this open source journey

Read the guide below and start contributing today.

Find your components

Everything you need to design modern, beautiful interfaces and websites fast.

See all - it's free »

If u not ask, maybe someone else will