🏆01
Website Awards
Awwwards
Galeri website pilihan dengan desain kreatif, animasi menarik, interaksi unik, dan eksplorasi visual modern.
Jelajahi website ↗
🎨02
Portofolio
Behance
Tempat menemukan proyek UI/UX, desain aplikasi, branding, ilustrasi, dan presentasi studi kasus desainer.
Jelajahi website ↗
🪄03
UI Showcase
Dribbble
Inspirasi tampilan aplikasi, dashboard, komponen UI, ilustrasi, dan eksplorasi visual dari komunitas desainer.
Jelajahi website ↗
🖥️04
Web Gallery
siteInspire
Koleksi website dengan beragam gaya visual, cocok untuk mencari referensi layout, tipografi, dan komposisi.
Jelajahi website ↗
🌱05
Landing Page
Land-book
Referensi landing page untuk startup, bisnis, produk digital, dan website dengan tampilan modern.
Jelajahi website ↗
⚡06
Visual Eksperimental
Godly
Website dengan visual berani, layout tidak biasa, animasi, dan konsep kreatif untuk proyek yang menonjol.
Jelajahi website ↗
💗07
One Page
One Page Love
Inspirasi website satu halaman, landing page, portofolio, dan template untuk berbagai kebutuhan digital.
Jelajahi website ↗
◻️08
Minimalis
Minimal Gallery
Referensi desain website minimalis untuk mempelajari whitespace, tipografi, struktur konten, dan kesederhanaan.
Jelajahi website ↗
🧩09
Kurasi Desain
Curated Design
Direktori inspirasi desain web untuk menjelajahi pendekatan visual dan menemukan ide untuk proyek berikutnya.
Jelajahi website ↗
🏅10
Website Awards
CSS Design Awards
Temukan website dengan pendekatan desain, kreativitas, dan implementasi teknis yang menarik untuk dipelajari.
Jelajahi website ↗
🔎11
Inspirasi Web
Webdesign Inspiration
Galeri referensi website untuk mengeksplorasi berbagai industri, gaya visual, dan pendekatan desain digital.
Jelajahi website ↗
🌐12
Website Showcase
Webflow Showcase
Lihat website yang dibuat komunitas Webflow untuk mencari ide layout, interaksi, animasi, dan struktur halaman.
Jelajahi website ↗
🥷13
Landing Page
Lapa Ninja
Galeri landing page dengan referensi hero section, CTA, pricing, halaman produk, dan desain bisnis digital.
Jelajahi website ↗
📱14
Mobile UI
Mobbin
Referensi layar aplikasi dan alur penggunaan untuk mempelajari pola UI/UX produk digital nyata.
Jelajahi website ↗
🧠15
UX Research
Refero
Jelajahi halaman produk, onboarding, dashboard, dan pola UX untuk memahami bagaimana produk digital dirancang.
Jelajahi website ↗
📊16
SaaS UI
SaaSFrame
Referensi antarmuka SaaS, halaman pricing, dashboard, dan alur produk. Sebagian fitur memerlukan akses berbayar.
Jelajahi website ↗
🧭17
Product Design
Page Flows
Referensi user journey dan alur interaksi produk untuk memahami pengalaman pengguna dari satu langkah ke langkah berikutnya.
Jelajahi website ↗
📲18
Mobile UX
UI Sources
Referensi desain aplikasi mobile untuk mempelajari pola antarmuka, navigasi, dan pengalaman penggunaan aplikasi.
Jelajahi website ↗
🗂️19
Page Inspiration
Page Collective
Tempat mencari inspirasi halaman web dan mengeksplorasi variasi pendekatan visual untuk proyek digital.
Jelajahi website ↗
🧰20
UI Patterns
UI Garage
Koleksi inspirasi UI untuk mencari ide komponen, layar aplikasi, dan desain antarmuka dalam berbagai kategori.
Jelajahi website ↗
🧱21
Komponen UI
Collect UI
Inspirasi desain komponen seperti form, dashboard, halaman login, profil, dan elemen antarmuka lainnya.
Jelajahi website ↗
💎22
Design Library
Design Vault
Referensi tambahan untuk mencari ide desain digital, mengeksplorasi pola visual, dan menyusun moodboard proyek.
Jelajahi website ↗
📈23
UX Case Study
Growth.Design
Studi kasus UX dalam format cerita visual untuk memahami perilaku pengguna, friksi, dan strategi produk digital.
Jelajahi website ↗
🧠24
Prinsip UX
Laws of UX
Pelajari prinsip psikologi dan perilaku manusia yang membantu desainer membuat produk lebih mudah dipahami.
Jelajahi website ↗
🔬25
UX Research
Nielsen Norman Group
Artikel riset, usability, navigasi, aksesibilitas, dan praktik UX berbasis penelitian untuk desainer.
Jelajahi website ↗
🛒26
E-commerce UX
Baymard Institute
Riset pengalaman belanja online, halaman produk, navigasi toko, dan checkout untuk meningkatkan usability.
Jelajahi website ↗
🔷27
Design System
Material Design
Panduan komponen, layout, warna, tipografi, dan interaksi untuk membangun antarmuka yang konsisten.
Jelajahi website ↗
🍎28
UI Guidelines
Apple Design Resources
Pelajari pedoman antarmuka Apple, prinsip desain platform, dan sumber daya untuk membuat aplikasi yang konsisten.
Jelajahi website ↗
🧊29
Design System
Carbon Design System
Design system open source dengan panduan komponen, pola antarmuka, aksesibilitas, dan implementasi produk.
Jelajahi website ↗
🧩30
Design System
Atlassian Design System
Referensi komponen, pola, konten, dan panduan untuk membangun produk digital dengan pengalaman konsisten.
Jelajahi website ↗
✏️31
Design Tool
Figma
Rancang wireframe, UI, prototipe interaktif, dan design system serta berkolaborasi dengan tim dalam satu workspace.
Jelajahi website ↗
🚀32
Website Builder
Framer
Bangun website dengan visual modern, layout responsif, animasi, dan interaksi tanpa harus menulis seluruh kode sendiri.
Jelajahi website ↗
🌊33
Visual Development
Webflow
Desain dan bangun website dengan kontrol visual yang detail untuk layout, breakpoint, animasi, dan interaksi.
Jelajahi website ↗
💻34
Code Playground
CodePen
Eksplorasi eksperimen HTML, CSS, dan JavaScript untuk mencari ide animasi, efek hover, serta komponen web.
Jelajahi website ↗
🧪35
Eksperimen Web
Codrops
Tutorial dan demo eksperimen front-end untuk mengeksplorasi animasi, interaksi, tipografi, dan efek visual.
Jelajahi website ↗
🎯36
Coding Challenge
Frontend Mentor
Latihan membuat tampilan website berdasarkan tantangan desain untuk meningkatkan keterampilan HTML, CSS, dan JavaScript.
Jelajahi website ↗
⚙️37
UI Components
shadcn/ui
Kumpulan komponen UI berbasis React yang dapat dikustomisasi untuk membangun aplikasi dan dashboard modern.
Jelajahi website ↗
🌬️38
CSS Framework
Tailwind CSS
Referensi framework CSS utility-first untuk menyusun layout responsif dan mengembangkan tampilan antarmuka.
Jelajahi website ↗
🟣39
CSS Framework
Bootstrap
Dokumentasi dan komponen UI untuk membangun website responsif dengan grid, form, navigasi, dan elemen siap pakai.
Jelajahi website ↗
✨40
Animated UI
Magic UI
Komponen antarmuka dengan animasi dan efek visual untuk landing page, halaman produk, serta proyek berbasis React.
Jelajahi website ↗
🌌41
UI Effects
Aceternity UI
Inspirasi komponen dengan efek animasi, background interaktif, dan tampilan modern untuk website serta landing page.
Jelajahi website ↗
🪄42
CSS Components
Uiverse
Temukan tombol, kartu, input, loader, dan elemen UI buatan komunitas yang dapat dijadikan referensi implementasi.
Jelajahi website ↗
Tidak ada website yang cocok. Coba kata kunci atau kategori lainnya.
Catatan: daftar ini menggabungkan galeri inspirasi, referensi UX, dokumentasi desain, dan perangkat pengembangan. Sebagian platform menyediakan fitur gratis, sedangkan fitur tertentu mungkin memerlukan akun atau langganan. Ketersediaan dan isi layanan dapat berubah sewaktu-waktu.
