[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-4db-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":39,"alternatives-4db-en-US":107,"related-resources-4db-en-US":167},true,{"id":5,"name":6,"slug":6,"url":7,"date_updated":8,"images_other":9,"tagline":10,"description":11,"seo":12,"features":14,"pros":19,"cons":24,"best_for":27,"cover":28,"icon":29,"pricing":30,"platform":9,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":31,"views_count":32,"featured_rank":9,"categories":33,"tags":38,"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,"description":10},"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",[15,16,17,18],"Ready-made UI components","Figma\u002FSketch\u002FXD formats","Responsive layouts","Customizable design tokens",[20,21,22,23],"Color palette generation","Smooth animation capabilities","Content creation tools","Video editing capabilities",[25,26],"No editing or creation tools included","May require learning curve","As 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. Emphasis on Detail and User Experience When 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.","screenshots\u002F4db.webp","d2e7f645-1c4b-4b19-a77b-375c721c721f.svg","free",{"free":3},0,[34],{"name":35,"slug":36,"sub_categories":37},"Inspiration","inspiration",[],[],[40,59,75,93],{"id":41,"url":42,"icon":9,"name":43,"slug":44,"tags":45,"cover":55,"tagline":56,"is_featured":57,"date_created":58,"date_updated":9},670,"https:\u002F\u002Fattentioninsight.com","Attention Insight","attention-insight",[46,48,50,52],{"seo":9,"name":9,"slug":47},"wireframe",{"seo":9,"name":9,"slug":49},"user-research",{"seo":9,"name":9,"slug":51},"web-design",{"seo":9,"name":53,"slug":54},"Freemium","freemium","ef36c4d0-cade-4956-a397-b7c4436ad473.webp","AI-powered attention prediction and visual analytics",false,"2026-06-17T09:18:38.384779+00:00",{"id":60,"url":61,"icon":9,"name":62,"slug":63,"tags":64,"cover":72,"tagline":73,"is_featured":57,"date_created":74,"date_updated":9},669,"https:\u002F\u002Fwww.frontitude.com","Frontitude","frontitude",[65,66,67,69,71],{"seo":9,"name":9,"slug":47},{"seo":9,"name":9,"slug":49},{"seo":9,"name":9,"slug":68},"collaboration",{"seo":9,"name":9,"slug":70},"design-handoff",{"seo":9,"name":53,"slug":54},"5237122f-f736-4899-bd25-2002bf09dec2.webp","UX content management platform for multilingual products","2026-06-17T09:18:30.634258+00:00",{"id":76,"url":77,"icon":9,"name":78,"slug":79,"tags":80,"cover":90,"tagline":91,"is_featured":57,"date_created":92,"date_updated":9},668,"https:\u002F\u002Fwww.aura.build","Aura Build","aura-build",[81,82,84,85,87,89],{"seo":9,"name":9,"slug":47},{"seo":9,"name":9,"slug":83},"prototyping",{"seo":9,"name":9,"slug":51},{"seo":9,"name":9,"slug":86},"responsive",{"seo":9,"name":9,"slug":88},"icons",{"seo":9,"name":53,"slug":54},"be6ec3d1-5806-4cf8-bc58-5d536af6c04d.webp","AI-powered website builder and design assistant","2026-06-17T09:18:13.351637+00:00",{"id":94,"url":95,"icon":9,"name":96,"slug":97,"tags":98,"cover":104,"tagline":105,"is_featured":57,"date_created":106,"date_updated":9},667,"https:\u002F\u002Fwww.magicpatterns.com","Magic Patterns","magic-patterns",[99,100,101,102,103],{"seo":9,"name":9,"slug":47},{"seo":9,"name":9,"slug":83},{"seo":9,"name":9,"slug":68},{"seo":9,"name":9,"slug":70},{"seo":9,"name":53,"slug":54},"6d6649e5-e83d-44c6-bdf0-91d6cb530736.webp","AI prototype generator for product teams","2026-06-17T09:18:05.299046+00:00",[108,114,120,126,132,138,144,150,156,161],{"url":109,"name":110,"slug":111,"cover":112,"tagline":113},"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":115,"name":116,"slug":117,"cover":118,"tagline":119},"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":121,"name":122,"slug":123,"cover":124,"tagline":125},"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":127,"name":128,"slug":129,"cover":130,"tagline":131},"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":133,"name":134,"slug":135,"cover":136,"tagline":137},"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":139,"name":140,"slug":141,"cover":142,"tagline":143},"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":145,"name":146,"slug":147,"cover":148,"tagline":149},"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":151,"name":152,"slug":153,"cover":154,"tagline":155},"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":157,"name":158,"slug":158,"cover":159,"tagline":160},"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.",{"url":162,"name":163,"slug":164,"cover":165,"tagline":166},"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.",[168,186,199],{"url":169,"icon":9,"name":170,"slug":171,"tags":172,"cover":183,"tagline":184,"is_featured":57,"date_created":185,"date_updated":9},"https:\u002F\u002Fxfigura.ai","xFigura","xfigura",[173,176,177,179,180,182],{"seo":9,"name":174,"slug":175},"AI Powered","ai-powered",{"seo":9,"name":53,"slug":54},{"seo":9,"name":9,"slug":178},"ai",{"seo":9,"name":9,"slug":68},{"seo":9,"name":9,"slug":181},"3d-modeling",{"seo":9,"name":9,"slug":83},"5a586ca5-7283-4857-82b7-46f48fdf1106.webp","AI-powered collaborative ideation platform for architects and designers","2026-06-17T08:54:08.210866+00:00",{"url":187,"icon":9,"name":188,"slug":189,"tags":190,"cover":196,"tagline":197,"is_featured":9,"date_created":198,"date_updated":9},"https:\u002F\u002Fscreenlane.com","Screenlane","screenlane",[191,193,194],{"seo":9,"name":9,"slug":192},"mobile-ui",{"seo":9,"name":9,"slug":83},{"seo":9,"name":195,"slug":30},"Free","c8f06a5a-cb32-4f8a-9414-87a1ec9d458c.webp","Daily updated mobile UI design patterns and screenshots for design inspiration","2026-06-16T07:14:26.231264+00:00",{"url":200,"icon":201,"name":202,"slug":203,"tags":204,"cover":205,"tagline":206,"is_featured":9,"date_created":207,"date_updated":208},"https:\u002F\u002Fwww.behance.net\u002F","f6e5ea97-4aa8-441b-a0f4-eee5767de3b8.svg","Behance","behance",[],"bcf198fc-ade1-4690-84c6-d9597aed1884.webp","Behance is the world's leading platform for showcasing and discovering creative work, where designers can share portfolios, find inspiration, and demonstrate creative talent.","2025-10-16T06:46:36.68+00:00","2026-06-13T08:42:29.146+00:00"]