byteq.id
Konsultasi
Semua link konten

Link dari konten · Vibe Coding

Vibe coder, simpan 21 situs ini.

UI kit, animasi, ikon, dan file desain yang bikin aplikasi buatan AI kelihatan pro. Ini ke-21 link-nya, dikelompokkan per kegunaan.

Dari konten Komen DESAIN

Lihat 21 link-nyaCatatan sebelum dipakai

01 — Animasi

Bikin UI-nya bergerak.

Animasi halus yang tinggal kamu tempel ke proyek.

01 / 06 · Animasi

4 situs

motion.dev

Motion

Library

Library animasi andalan buat React dan JavaScript.

animejs.com

Anime.js

Open source

Satu library ringan buat hampir semua animasi.

motion-primitives.com

Motion Primitives

Komponen

Komponen beranimasi. Copy, paste, beres.

reactbits.dev

React Bits

Komponen

Teks, background, dan efek UI beranimasi.

02 — Ilustrasi & ikon

Visual yang nggak pasaran.

Ilustrasi gratis dan ikon 3D yang kelihatan digarap serius.

02 / 06 · Ilustrasi & ikon

3 situs

openpeeps.com

Open Peeps

Ilustrasi

Library ilustrasi gambar tangan, gratis dengan lisensi CC0.

3dicons.co

3dicons

Ikon 3D

Ikon 3D open source buat interface kamu.

undraw.co

unDraw

Ilustrasi

Ilustrasi yang warnanya bisa kamu samakan dengan brand.

03 — Landing page

Landing page jadi kilat.

Section siap pakai yang bisa langsung dipasang AI agent kamu.

03 / 06 · Landing page

4 situs

21st.dev

21st.dev

Komponen

Komponen React yang bisa di-install AI agent kamu.

ui.shadcn.com

shadcn/ui

Komponen

Komponen rapi yang kamu salin dan sepenuhnya milikmu.

ui.aceternity.com

Aceternity UI

Komponen

Section beranimasi khusus buat landing page.

magicui.design

Magic UI

Komponen

Komponen beranimasi gratis buat proyek shadcn.

04 — File desain

Ajari AI selera desainmu.

Design system dalam bentuk file yang diikuti Claude dan Cursor.

04 / 06 · File desain

3 situs

getdesign.md

getdesign.md

DESIGN.md

File DESIGN.md siap pakai, tinggal taruh di proyek.

styles.refero.design

Refero Styles

DESIGN.md

Gaya desain produk nyata, dikemas buat AI kamu.

github.com/VoltAgent/awesome-design-md

awesome-design-md

Open source

Kumpulan file DESIGN.md terbuka di GitHub.

05 — Inspirasi

Contek kayak desainer.

Situs dan aplikasi nyata buat jadi contoh untuk AI kamu.

05 / 06 · Inspirasi

4 situs

mobbin.com

Mobbin

Galeri

Layar dan alur aplikasi dari produk-produk top.

httpster.net

Httpster

Galeri

Inspirasi desain website pilihan.

land-book.com

Land-book

Galeri

Landing page dikelompokkan per gaya dan industri.

component.gallery

Component Gallery

Referensi

Komponen dari design system nyata.

06 — Sentuhan premium

Biar kelihatan mahal.

Scene 3D, peta, dan elemen UI yang beda dari yang lain.

06 / 06 · Sentuhan premium

3 situs

spline.design

Spline

3D

Scene 3D interaktif yang bisa kamu embed di web.

mapcn.dev

mapcn

Peta

Peta siap pakai dengan marker dan rute buat shadcn.

uiverse.io

Uiverse

Open source

Tombol, loader, dan toggle buatan komunitas.

07 — Catatan jujur

Bagus semua, tapi jangan asal comot.

Desain bagus butuh arahan, bukan tumpukan library. Pasang semuanya sekaligus justru bikin aplikasi berat dan gayanya campur aduk.

  1. 01

    Cek lisensinya.

    Tiap situs punya aturan sendiri. Baca dulu sebelum dipakai di proyek klien atau produk berbayar.

  2. 02

    Pilih satu per kategori.

    Satu library animasi dan satu sumber komponen udah cukup buat mulai.

  3. 03

    Kasih AI contoh yang jelas.

    Tempel DESIGN.md atau screenshot referensi biar hasilnya konsisten.

Artinya

Mulai dari satu kategori yang paling dibutuhkan aplikasimu, lalu tambah pelan-pelan. Kirim halaman ini ke temen yang lagi vibe coding.

08 — Konten lainnya

Link dari konten lain.

DeveloperKomen KARPATHY

AI kamu nggak bodoh. Cuma belum dikasih aturan.

Ini file CLAUDE.md dan cara pasang yang kami janjikan lewat DM. Satu file teks, dirangkum dari pengamatan Andrej Karpathy soal kesalahan AI saat menulis kode.

/link/karpathy-claude-mdBuka
AIKomen SPRITE

Claude nulis gamenya, SpriteCook yang gambar.

Ini link plugin dan panduan setup yang kami janjikan lewat DM. Sekitar lima menit dari clone sampai sprite pertama.

/link/spritecookBuka
DeveloperKomen CLAUDE

Claude Code kamu baru kepakai setengah.

Ini contekan yang kami janjikan lewat DM: referensi Claude Code 5 halaman untuk AI engineer, dari /init sampai keamanan dan biaya token.

/link/claude-code-ai-engineerBuka
Lihat semua link

09 — Kontak

Punya ide? Mari kita bangun.

Ceritakan kebutuhan aplikasi atau website Anda. Tim BYTEQ akan membantu dari awal.

Chat WhatsApp [email protected]