[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-4db-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":42,"alternatives-4db-en-US":118,"related-resources-4db-en-US":178},true,{"id":5,"name":6,"slug":6,"url":7,"date_updated":8,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":22,"cons":26,"best_for":29,"cover":30,"icon":31,"pricing":32,"platform":9,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":33,"views_count":34,"featured_rank":9,"categories":35,"tags":40,"files":9},295,"4db","https:\u002F\u002F4db.cc\u002F","2026-06-12T06:55:25.966105+00:00",null,"4DB.CC is an inspiration gallery focused on excellent Japanese web design, curating high-quality website examples that showcase unique visual styles, interactions, and design trends, providing references for designers.","The core of 4DB.CC is an online gallery focused on excellent Japanese web design. It curates and showcases a large number of high-quality websites produced in Japan that achieve high standards in visual aesthetics, user experience, and creative implementation. These cases offer an excellent window into Japan's unique design aesthetics, advanced web technology applications, and current design trends. For designers and developers looking to draw inspiration from Japanese design, this is a very valuable resource.\nMulti-Dimensional Categorization and Filtering\nTo help users efficiently discover designs of interest, 4DB.CC provides robust categorization and filtering functionalities. Users can browse and search for website cases based on the following tags and dimensions:\nDesign Style: Such as simple, cool, cute, artistic, fashion, futuristic, hand-drawn, etc., reflecting diverse visual expressions.\nIndustry Category: Covering a wide range of fields like business, brands, products, culture, education, services, technology, food & beverage, entertainment, etc., facilitating the search for design references in specific industries.\nColor: Users can filter by the dominant color scheme of websites to quickly locate cases that match their color palette preferences.\nElements\u002FFeatures: Such as full-screen, parallax scrolling, responsive, animations, unique typography, video background, etc., highlighting the technical and interactive features of the websites.\nEach case is accompanied by high-quality preview screenshots and typically provides a link to the original website, allowing users to directly visit and experience the full interaction and visual effects.\nContinuous Updates and Forward-Thinking\nAs an active web design gallery, 4DB.CC regularly updates its collection of website cases, ensuring the content is current and forward-looking. This continuous update mechanism enables the website to timely reflect the latest trends, popular elements, and innovative technology applications in Japanese and global web design. This is of significant value for designers to maintain keen design sensibilities and integrate cutting-edge concepts into their own projects.\nEmphasis on Detail and User Experience\nWhen including cases, the website pays great attention to the detailed execution and overall user experience of the websites. The selected cases typically meet high standards in terms of layout, color matching, image processing, typography, micro-animations, and navigation usability. This attention to detail makes 4DB.CC not just an inspiration library but also a platform for learning and analyzing excellent design practices.",{"title":13,"meta_description":14},"4db - 4DB.CC is an inspiration gallery focused on excellent Japanese web design, curating high-quality website examples that showcase unique visual styles, interactions, and design trends, providing references for designers. | DesignToolMark","The core of 4DB.CC is an online gallery focused on excellent Japanese web design. It curates and showcases a large number of highquality websites produced in...",[16,17,18,19,20,21],"Curated gallery focused on excellent Japanese web design with unique visual styles","High-quality website examples showcasing innovative interactions and design trends","Tag-based categorization for easy discovery by style and industry","Regular updates with fresh Japanese design cases","Clean thumbnail gallery layout for efficient visual browsing","Direct links to original websites for detailed exploration",[23,24,25],"Strong focus on Japanese design aesthetics provides unique cultural perspective","Well-curated selection with consistently high visual quality","Simple, fast-loading interface for quick inspiration browsing",[27,28],"Smaller collection compared to major design gallery platforms","Japanese-centric focus may not serve designers seeking global diversity","Designers looking for a curated window into contemporary Japanese web design trends and aesthetics","screenshots\u002F4db.webp","d2e7f645-1c4b-4b19-a77b-375c721c721f.svg","free",{"free":3},0,[36],{"name":37,"slug":38,"sub_categories":39},"Inspiration","inspiration",[],[41],{"name":9,"slug":38},[43,65,80,92],{"id":44,"url":45,"icon":9,"name":46,"slug":47,"tags":48,"cover":61,"tagline":62,"is_featured":63,"date_created":64,"date_updated":9},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[49,51,53,55,57,59],{"seo":9,"name":50,"slug":32},"Free",{"seo":9,"name":9,"slug":52},"fonts",{"seo":9,"name":9,"slug":54},"icons",{"seo":9,"name":9,"slug":56},"mockups",{"seo":9,"name":9,"slug":58},"ui-kits",{"seo":9,"name":9,"slug":60},"design-systems","39af338d-2e06-4c05-bfcb-b33066ed9bb7.webp","Official Apple design templates, UI kits, fonts, and tools",false,"2026-07-16T01:44:01.585569+00:00",{"id":66,"url":67,"icon":9,"name":68,"slug":69,"tags":70,"cover":77,"tagline":78,"is_featured":63,"date_created":79,"date_updated":9},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[71,72,75],{"seo":9,"name":50,"slug":32},{"seo":9,"name":73,"slug":74},"Open Source","open-source",{"seo":9,"name":9,"slug":76},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":81,"url":82,"icon":9,"name":83,"slug":84,"tags":85,"cover":89,"tagline":90,"is_featured":63,"date_created":91,"date_updated":9},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[86,87,88],{"seo":9,"name":50,"slug":32},{"seo":9,"name":9,"slug":58},{"seo":9,"name":9,"slug":38},"7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":93,"url":94,"icon":9,"name":95,"slug":96,"tags":97,"cover":115,"tagline":116,"is_featured":63,"date_created":117,"date_updated":9},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[98,101,103,104,107,108,109,111,113],{"seo":9,"name":99,"slug":100},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":102},"ai",{"seo":9,"name":50,"slug":32},{"seo":9,"name":105,"slug":106},"Freemium","freemium",{"seo":9,"name":9,"slug":58},{"seo":9,"name":9,"slug":60},{"seo":9,"name":9,"slug":110},"prototyping",{"seo":9,"name":9,"slug":112},"no-code",{"seo":9,"name":9,"slug":114},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[119,125,131,137,143,149,155,161,167,173],{"url":120,"name":121,"slug":122,"cover":123,"tagline":124},"https:\u002F\u002Fio3000.com\u002F","IO3000","io-3000","screenshots\u002Fio-3000.webp","IO3000 is a gallery focused on collecting and showcasing minimalist web designs, curating clean and functional website examples to provide inspiration for designers who pursue a minimalist aesthetic.",{"url":126,"name":127,"slug":128,"cover":129,"tagline":130},"https:\u002F\u002Fwww.landingfolio.com\u002F","Landingfolio","landingfolio","screenshots\u002Flandingfolio.webp","Landingfolio is an inspiration gallery focused on collecting and showcasing excellent landing page designs, providing real-world examples from various styles and industries to help designers and marketers optimize conversions.",{"url":132,"name":133,"slug":134,"cover":135,"tagline":136},"https:\u002F\u002Ftheinspirationgrid.com\u002F","Inspiration Grid","inspiration-grid","screenshots\u002Finspiration-grid.webp","The Inspiration Grid is a daily updated creative blog dedicated to showcasing outstanding works and projects in art, design, photography, illustration, and architecture from around the world, providing inspiration for creative professionals.",{"url":138,"name":139,"slug":140,"cover":141,"tagline":142},"https:\u002F\u002Fwww.typographicposters.com\u002F","Typographic Posters","typographic-posters","d0be05cc-9c6a-4f97-bb67-b638d70cdcb6.webp","Typographic Posters is an online gallery dedicated to showcasing outstanding typographic poster designs from around the world, collecting examples of creative font usage and layout, providing professional inspiration for designers.",{"url":144,"name":145,"slug":146,"cover":147,"tagline":148},"https:\u002F\u002Fnotefolio.net\u002F","Notefolio","notefolio","screenshots\u002Fnotefolio.webp","Notefolio.net is an aggregated platform dedicated to showcasing creative works from designers worldwide, offering design inspiration, portfolio display, and industry networking.",{"url":150,"name":151,"slug":152,"cover":153,"tagline":154},"https:\u002F\u002Frefero.design\u002F","Refero","refero","screenshots\u002Frefero.webp","Refero Design is a platform showcasing curated excellent design cases, providing designers with in-depth learning, analysis, and inspiration through real design projects from various industries and companies.",{"url":156,"name":157,"slug":158,"cover":159,"tagline":160},"https:\u002F\u002Fwww.booooooom.com\u002F","Booooooom","booooooom","screenshots\u002Fbooooooom.webp","Booooooom is a blog magazine focused on contemporary art, design, and photography, showcasing creative works, artist interviews, and curated projects from around the world, aiming to inspire and connect creative individuals.",{"url":162,"name":163,"slug":164,"cover":165,"tagline":166},"https:\u002F\u002Fwww.brandguidelines.net\u002F","Brand Guidelines","brand-guidelines","screenshots\u002Fbrand-guidelines.webp","Brand Guidelines is a website aggregating public brand identity guidelines from famous global brands, offering accessible brand design guides to serve as a learning and reference resource for designers and brand managers.",{"url":168,"name":169,"slug":170,"cover":171,"tagline":172},"https:\u002F\u002Fwebdesignclip.com\u002F","Web Design Clip","web-design-clip","screenshots\u002Fweb-design-clip.webp","Web Design Clip is an inspiration gallery focused on collecting and showcasing outstanding web design works from around the world, providing diverse website examples to inspire designers and developers.",{"url":174,"name":175,"slug":175,"cover":176,"tagline":177},"https:\u002F\u002F81-web.com\u002F","81-web","screenshots\u002F81-web.webp","81-web.com is an inspiration gallery focused on excellent Japanese web design, curating websites with unique creativity and high-quality visual presentation, providing designers with references for the latest trends.",[179,184,194],{"url":82,"icon":9,"name":83,"slug":84,"tags":180,"cover":89,"tagline":90,"is_featured":63,"date_created":91,"date_updated":9},[181,182,183],{"seo":9,"name":50,"slug":32},{"seo":9,"name":9,"slug":58},{"seo":9,"name":9,"slug":38},{"url":185,"icon":9,"name":186,"slug":187,"tags":188,"cover":191,"tagline":192,"is_featured":63,"date_created":193,"date_updated":9},"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[189,190],{"seo":9,"name":50,"slug":32},{"seo":9,"name":9,"slug":38},"b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",{"url":195,"icon":9,"name":196,"slug":197,"tags":198,"cover":203,"tagline":204,"is_featured":63,"date_created":205,"date_updated":9},"https:\u002F\u002Fsky-office.co\u002F","Sky Office","sky-office",[199,201,202],{"seo":9,"name":9,"slug":200},"collaboration",{"seo":9,"name":9,"slug":112},{"seo":9,"name":9,"slug":38},"72faf396-995a-482a-a8be-d04d280f7791.webp","Virtual design office for remote creative teams","2026-06-23T13:27:14.037123+00:00"]