https://design-layer.com/ja 2026-09-17T00:00:00.000Z weekly 1 https://design-layer.com/en 2026-09-17T00:00:00.000Z weekly 1 https://design-layer.com/ja/docs 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/docs 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/privacy 2026-09-17T00:00:00.000Z monthly 0.5 https://design-layer.com/en/privacy 2026-09-17T00:00:00.000Z monthly 0.5 https://design-layer.com/ja/terms 2026-09-17T00:00:00.000Z monthly 0.5 https://design-layer.com/en/terms 2026-09-17T00:00:00.000Z monthly 0.5 https://design-layer.com/ja/contact 2026-09-17T00:00:00.000Z monthly 0.6 https://design-layer.com/en/contact 2026-09-17T00:00:00.000Z monthly 0.6 https://design-layer.com/ja/announcements 2026-09-17T00:00:00.000Z weekly 0.7 https://design-layer.com/en/announcements 2026-09-17T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/templates 2026-09-17T00:00:00.000Z weekly 0.9 https://design-layer.com/en/templates 2026-09-17T00:00:00.000Z weekly 0.9 https://design-layer.com/ja/components 2026-09-17T00:00:00.000Z weekly 0.9 https://design-layer.com/en/components 2026-09-17T00:00:00.000Z weekly 0.9 https://design-layer.com/ja/pricing 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/en/pricing 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/ja/tokusho 2026-09-17T00:00:00.000Z yearly 0.4 https://design-layer.com/ja/transmissions 2026-09-17T00:00:00.000Z yearly 0.4 https://design-layer.com/en/transmissions 2026-09-17T00:00:00.000Z yearly 0.4 https://design-layer.com/ja/components/brand-bar-header https://design-layer.com/catalog-previews/brand-bar-header.jpg Brand Bar Header https://design-layer.com/catalog-previews/brand-bar-header.jpg A full-width site header with brand on the left, navigation in the center, and an accent CTA on the right — a production-ready dark bar for SaaS, product, and corporate sites. On scroll it morphs into a floating center pill. Swap the logo, menu labels, CTA, and accent color, then ship. Nav collapses on phones and lays out as three columns on desktop. https://design-layer.com/catalog-previews/brand-bar-header.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/brand-bar-header https://design-layer.com/catalog-previews/brand-bar-header.jpg Brand Bar Header https://design-layer.com/catalog-previews/brand-bar-header.jpg A full-width site header with brand on the left, navigation in the center, and an accent CTA on the right — a production-ready dark bar for SaaS, product, and corporate sites. On scroll it morphs into a floating center pill. Swap the logo, menu labels, CTA, and accent color, then ship. Nav collapses on phones and lays out as three columns on desktop. https://design-layer.com/catalog-previews/brand-bar-header.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/product-feature-bento https://design-layer.com/catalog-previews/product-feature-bento.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/product-feature-bento https://design-layer.com/catalog-previews/product-feature-bento.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/portfolio-profile-music-player https://design-layer.com/catalog-previews/portfolio-profile-music-player.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/portfolio-profile-music-player https://design-layer.com/catalog-previews/portfolio-profile-music-player.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/template-showcase-marquee https://design-layer.com/catalog-previews/template-showcase-marquee.jpg Template Showcase Marquee https://design-layer.com/catalog-previews/template-showcase-marquee.jpg An infinite-scroll showcase of template screenshots inside Safari-style mockups. Swap the heading and each card’s image and URL, then drop it into a product landing page or template gallery. https://design-layer.com/catalog-previews/template-showcase-marquee.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/template-showcase-marquee https://design-layer.com/catalog-previews/template-showcase-marquee.jpg Template Showcase Marquee https://design-layer.com/catalog-previews/template-showcase-marquee.jpg An infinite-scroll showcase of template screenshots inside Safari-style mockups. Swap the heading and each card’s image and URL, then drop it into a product landing page or template gallery. https://design-layer.com/catalog-previews/template-showcase-marquee.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/floating-pill-header https://design-layer.com/catalog-previews/floating-pill-header.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/floating-pill-header https://design-layer.com/catalog-previews/floating-pill-header.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/product-viewer https://design-layer.com/catalog-previews/product-viewer.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/product-viewer https://design-layer.com/catalog-previews/product-viewer.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/ncs-sound-halo https://design-layer.com/catalog-previews/ncs-sound-halo.jpg Glass Orb Hero https://design-layer.com/catalog-previews/ncs-sound-halo.jpg A full-screen hero with an iridescent glass orb of particles on black. Swap the kicker and title, then drop it onto a product, brand, or creative landing page. https://design-layer.com/catalog-previews/ncs-sound-halo.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/ncs-sound-halo https://design-layer.com/catalog-previews/ncs-sound-halo.jpg Glass Orb Hero https://design-layer.com/catalog-previews/ncs-sound-halo.jpg A full-screen hero with an iridescent glass orb of particles on black. Swap the kicker and title, then drop it onto a product, brand, or creative landing page. https://design-layer.com/catalog-previews/ncs-sound-halo.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/saapro-hero https://design-layer.com/catalog-previews/saapro-hero.jpg Green Scroll Hero https://design-layer.com/catalog-previews/saapro-hero.jpg A full-screen hero with a beige frame and sandy card. As you scroll the sticky stage, the headline reveals letter by letter from behind a central greenery Lottie. Swap the headline, subcopy, logo, and Lottie, then drop it onto an environment, tech, or brand landing page. https://design-layer.com/catalog-previews/saapro-hero.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/saapro-hero https://design-layer.com/catalog-previews/saapro-hero.jpg Green Scroll Hero https://design-layer.com/catalog-previews/saapro-hero.jpg A full-screen hero with a beige frame and sandy card. As you scroll the sticky stage, the headline reveals letter by letter from behind a central greenery Lottie. Swap the headline, subcopy, logo, and Lottie, then drop it onto an environment, tech, or brand landing page. https://design-layer.com/catalog-previews/saapro-hero.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/golden-oracle-hero https://design-layer.com/catalog-previews/golden-oracle-hero.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/golden-oracle-hero https://design-layer.com/catalog-previews/golden-oracle-hero.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/sakura-editorial-poster https://design-layer.com/catalog-previews/sakura-editorial-poster.jpg Sakura Editorial Poster https://design-layer.com/catalog-previews/sakura-editorial-poster.jpg A framed sakura poster hero. The first view is image-only; on scroll the oversized title reveals letter by letter from behind the branch, then editorial copy slides up. Swap the title, headlines, body, keywords, and background or foreground images, then drop it onto a culture, travel, or brand landing page. https://design-layer.com/catalog-previews/sakura-editorial-poster.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/sakura-editorial-poster https://design-layer.com/catalog-previews/sakura-editorial-poster.jpg Sakura Editorial Poster https://design-layer.com/catalog-previews/sakura-editorial-poster.jpg A framed sakura poster hero. The first view is image-only; on scroll the oversized title reveals letter by letter from behind the branch, then editorial copy slides up. Swap the title, headlines, body, keywords, and background or foreground images, then drop it onto a culture, travel, or brand landing page. https://design-layer.com/catalog-previews/sakura-editorial-poster.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/digital-rain-name-footer https://design-layer.com/catalog-previews/digital-rain-name-footer.jpg Digital Rain Name Footer https://design-layer.com/catalog-previews/digital-rain-name-footer.jpg A full-screen footer of teal digital pixels rising from bottom to top on black. A large centered name and a bottom-right copyright line. Swap the name and legal copy, then drop it at the end of a portfolio or creative landing page. https://design-layer.com/catalog-previews/digital-rain-name-footer.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/digital-rain-name-footer https://design-layer.com/catalog-previews/digital-rain-name-footer.jpg Digital Rain Name Footer https://design-layer.com/catalog-previews/digital-rain-name-footer.jpg A full-screen footer of teal digital pixels rising from bottom to top on black. A large centered name and a bottom-right copyright line. Swap the name and legal copy, then drop it at the end of a portfolio or creative landing page. https://design-layer.com/catalog-previews/digital-rain-name-footer.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/portfolio-types-section https://design-layer.com/catalog-previews/portfolio-types-section.jpg Portfolio Types Deck https://design-layer.com/catalog-previews/portfolio-types-section.jpg A scroll-driven deck of portfolio discipline cards over a flowing ribbon banner. Swap card copy, images, and videos, then drop it into a creative studio or agency landing page. https://design-layer.com/catalog-previews/portfolio-types-section.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/portfolio-types-section https://design-layer.com/catalog-previews/portfolio-types-section.jpg Portfolio Types Deck https://design-layer.com/catalog-previews/portfolio-types-section.jpg A scroll-driven deck of portfolio discipline cards over a flowing ribbon banner. Swap card copy, images, and videos, then drop it into a creative studio or agency landing page. https://design-layer.com/catalog-previews/portfolio-types-section.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/integrations-hub https://design-layer.com/catalog-previews/integrations-hub.jpg Integrations Hub https://design-layer.com/catalog-previews/integrations-hub.jpg An integrations diagram where tool logos gather into a center hub with pulsing connector lines. The same radial layout scales down on narrow screens. Swap the hub label and tool images, then drop it into a SaaS or ops landing page. https://design-layer.com/catalog-previews/integrations-hub.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/integrations-hub https://design-layer.com/catalog-previews/integrations-hub.jpg Integrations Hub https://design-layer.com/catalog-previews/integrations-hub.jpg An integrations diagram where tool logos gather into a center hub with pulsing connector lines. The same radial layout scales down on narrow screens. Swap the hub label and tool images, then drop it into a SaaS or ops landing page. https://design-layer.com/catalog-previews/integrations-hub.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/grainient-images-section https://design-layer.com/catalog-previews/grainient-images-section.jpg Grainient Images Section https://design-layer.com/catalog-previews/grainient-images-section.jpg A full-bleed black section where gradient tiles zoom in as you scroll, then a centered headline fades in. Swap the title and tile images, then drop it into a design or creative landing page. https://design-layer.com/catalog-previews/grainient-images-section.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/grainient-images-section https://design-layer.com/catalog-previews/grainient-images-section.jpg Grainient Images Section https://design-layer.com/catalog-previews/grainient-images-section.jpg A full-bleed black section where gradient tiles zoom in as you scroll, then a centered headline fades in. Swap the title and tile images, then drop it into a design or creative landing page. https://design-layer.com/catalog-previews/grainient-images-section.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/clicky-keyboard https://design-layer.com/catalog-previews/clicky-keyboard.jpg Clicky Keyboard https://design-layer.com/catalog-previews/clicky-keyboard.jpg A Mac-layout Keyboard Simulator. Click a key — or type on your own keyboard — to hear a mechanical click and see the key preview above. Drop it into a product or tech landing page. https://design-layer.com/catalog-previews/clicky-keyboard.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/clicky-keyboard https://design-layer.com/catalog-previews/clicky-keyboard.jpg Clicky Keyboard https://design-layer.com/catalog-previews/clicky-keyboard.jpg A Mac-layout Keyboard Simulator. Click a key — or type on your own keyboard — to hear a mechanical click and see the key preview above. Drop it into a product or tech landing page. https://design-layer.com/catalog-previews/clicky-keyboard.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/cinematic-audio-player https://design-layer.com/catalog-previews/cinematic-audio-player.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/cinematic-audio-player https://design-layer.com/catalog-previews/cinematic-audio-player.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/abstract-mask https://design-layer.com/catalog-previews/abstract-mask.jpg Abstract Mask https://design-layer.com/catalog-previews/abstract-mask.jpg A white full-bleed section whose small rounded card window expands to fill the viewport on scroll, revealing a solid color field and copy inside. Swap the labels, headline, and body, then drop it into an agency or tech landing page. https://design-layer.com/catalog-previews/abstract-mask.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/abstract-mask https://design-layer.com/catalog-previews/abstract-mask.jpg Abstract Mask https://design-layer.com/catalog-previews/abstract-mask.jpg A white full-bleed section whose small rounded card window expands to fill the viewport on scroll, revealing a solid color field and copy inside. Swap the labels, headline, and body, then drop it into an agency or tech landing page. https://design-layer.com/catalog-previews/abstract-mask.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/pixel-arc-loader https://design-layer.com/catalog-previews/pixel-arc-loader.jpg Pixel Arc Loader https://design-layer.com/catalog-previews/pixel-arc-loader.jpg A full-screen loader with a blurred landscape behind an arched 3D pixel logo. Letters bob in a traveling wave. Swap the title and background photo, then drop it onto a game or creative site while content loads. https://design-layer.com/catalog-previews/pixel-arc-loader.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/pixel-arc-loader https://design-layer.com/catalog-previews/pixel-arc-loader.jpg Pixel Arc Loader https://design-layer.com/catalog-previews/pixel-arc-loader.jpg A full-screen loader with a blurred landscape behind an arched 3D pixel logo. Letters bob in a traveling wave. Swap the title and background photo, then drop it onto a game or creative site while content loads. https://design-layer.com/catalog-previews/pixel-arc-loader.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/home-point-ba https://design-layer.com/catalog-previews/home-point-ba.jpg Before After Scroll https://design-layer.com/catalog-previews/home-point-ba.jpg As you scroll, the screen stays put. Before wipes sideways into After, then a third photo grows in and fills the view. Swap labels, photos, and notes, then drop it into a beauty or product landing page. https://design-layer.com/catalog-previews/home-point-ba.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/home-point-ba https://design-layer.com/catalog-previews/home-point-ba.jpg Before After Scroll https://design-layer.com/catalog-previews/home-point-ba.jpg As you scroll, the screen stays put. Before wipes sideways into After, then a third photo grows in and fills the view. Swap labels, photos, and notes, then drop it into a beauty or product landing page. https://design-layer.com/catalog-previews/home-point-ba.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/home-point-ingredient https://design-layer.com/catalog-previews/home-point-ingredient.jpg Ingredient Scroll https://design-layer.com/catalog-previews/home-point-ingredient.jpg On landscape screens, a vertical visual slides in from the center and grows on the left while ingredient cards stagger in on the right. Swap the card copy, photos, and media, then drop it into a beauty or product landing page. https://design-layer.com/catalog-previews/home-point-ingredient.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/home-point-ingredient https://design-layer.com/catalog-previews/home-point-ingredient.jpg Ingredient Scroll https://design-layer.com/catalog-previews/home-point-ingredient.jpg On landscape screens, a vertical visual slides in from the center and grows on the left while ingredient cards stagger in on the right. Swap the card copy, photos, and media, then drop it into a beauty or product landing page. https://design-layer.com/catalog-previews/home-point-ingredient.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/owners-pricing-section https://design-layer.com/catalog-previews/owners-pricing-section.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/owners-pricing-section https://design-layer.com/catalog-previews/owners-pricing-section.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/pin-spacer-works https://design-layer.com/catalog-previews/pin-spacer-works.jpg Pin Spacer Works https://design-layer.com/catalog-previews/pin-spacer-works.jpg A pinned full-screen works gallery. As you scroll, photos alternating left and right fly out of the distance toward the camera while a blurred backdrop of the active work crossfades behind them. The active work's name follows along the bottom bar. Swap the talent names, clients, and photos, then drop it into a photographer or creative portfolio. https://design-layer.com/catalog-previews/pin-spacer-works.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/pin-spacer-works https://design-layer.com/catalog-previews/pin-spacer-works.jpg Pin Spacer Works https://design-layer.com/catalog-previews/pin-spacer-works.jpg A pinned full-screen works gallery. As you scroll, photos alternating left and right fly out of the distance toward the camera while a blurred backdrop of the active work crossfades behind them. The active work's name follows along the bottom bar. Swap the talent names, clients, and photos, then drop it into a photographer or creative portfolio. https://design-layer.com/catalog-previews/pin-spacer-works.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/video-production-works https://design-layer.com/catalog-previews/video-production-works.jpg Video Works Collage https://design-layer.com/catalog-previews/video-production-works.jpg A full-viewport works block: a diagonal photo collage drifts upward on charcoal, with a serif headline, body, CTA, and oversized type at the bottom. Swap the copy and stills, then drop it into a film or creative landing page. https://design-layer.com/catalog-previews/video-production-works.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/video-production-works https://design-layer.com/catalog-previews/video-production-works.jpg Video Works Collage https://design-layer.com/catalog-previews/video-production-works.jpg A full-viewport works block: a diagonal photo collage drifts upward on charcoal, with a serif headline, body, CTA, and oversized type at the bottom. Swap the copy and stills, then drop it into a film or creative landing page. https://design-layer.com/catalog-previews/video-production-works.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/enk-gallery https://design-layer.com/catalog-previews/enk-gallery.jpg Temple Grounds Gallery https://design-layer.com/catalog-previews/enk-gallery.jpg A sticky full-viewport gallery. Paired photos wipe upward as you scroll, then the next pair takes their place. Swap the stills, then drop it into a garden, culture, or hospitality landing page. https://design-layer.com/catalog-previews/enk-gallery.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/enk-gallery https://design-layer.com/catalog-previews/enk-gallery.jpg Temple Grounds Gallery https://design-layer.com/catalog-previews/enk-gallery.jpg A sticky full-viewport gallery. Paired photos wipe upward as you scroll, then the next pair takes their place. Swap the stills, then drop it into a garden, culture, or hospitality landing page. https://design-layer.com/catalog-previews/enk-gallery.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/onsen-section https://design-layer.com/catalog-previews/onsen-section.jpg Onsen Scroll Band https://design-layer.com/catalog-previews/onsen-section.jpg A sticky full-bleed onsen band. Hot-spring stills crossfade as you scroll, with a blurred backdrop, a sharp foreground panel, a vertical heading, and bilingual verse. Swap the copy and photos, then drop it into a ryokan or hospitality landing page. https://design-layer.com/catalog-previews/onsen-section.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/onsen-section https://design-layer.com/catalog-previews/onsen-section.jpg Onsen Scroll Band https://design-layer.com/catalog-previews/onsen-section.jpg A sticky full-bleed onsen band. Hot-spring stills crossfade as you scroll, with a blurred backdrop, a sharp foreground panel, a vertical heading, and bilingual verse. Swap the copy and photos, then drop it into a ryokan or hospitality landing page. https://design-layer.com/catalog-previews/onsen-section.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/shuku-hero https://design-layer.com/catalog-previews/shuku-hero.jpg Inn Hero https://design-layer.com/catalog-previews/shuku-hero.jpg A full-screen inn hero. Brewery stills Ken Burns and crossfade; on scroll the intro fades and right-aligned body copy appears. Swap the copy and photos, then drop it onto a ryokan or hospitality landing page. https://design-layer.com/catalog-previews/shuku-hero.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/shuku-hero https://design-layer.com/catalog-previews/shuku-hero.jpg Inn Hero https://design-layer.com/catalog-previews/shuku-hero.jpg A full-screen inn hero. Brewery stills Ken Burns and crossfade; on scroll the intro fades and right-aligned body copy appears. Swap the copy and photos, then drop it onto a ryokan or hospitality landing page. https://design-layer.com/catalog-previews/shuku-hero.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/sd-projects https://design-layer.com/catalog-previews/sd-projects.jpg Studio Projects Grid https://design-layer.com/catalog-previews/sd-projects.jpg A masonry works grid for architecture and renovation. Photos zoom on hover, with serif titles, tags, and an All Projects band. Swap the titles, tags, and stills, then drop it into an architecture or studio landing page. https://design-layer.com/catalog-previews/sd-projects.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/sd-projects https://design-layer.com/catalog-previews/sd-projects.jpg Studio Projects Grid https://design-layer.com/catalog-previews/sd-projects.jpg A masonry works grid for architecture and renovation. Photos zoom on hover, with serif titles, tags, and an All Projects band. Swap the titles, tags, and stills, then drop it into an architecture or studio landing page. https://design-layer.com/catalog-previews/sd-projects.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/yohobrewing-footer https://design-layer.com/catalog-previews/yohobrewing-footer.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/yohobrewing-footer https://design-layer.com/catalog-previews/yohobrewing-footer.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/dark-infra-story https://design-layer.com/catalog-previews/dark-infra-story.jpg Dark Infra Story Band https://design-layer.com/catalog-previews/dark-infra-story.jpg A zinc-950 scroll band with a blueprint grid. One still moves left, then right, then center, then fills the viewport. Swap the copy and photo, then drop it into a tech or infrastructure landing page. https://design-layer.com/catalog-previews/dark-infra-story.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/dark-infra-story https://design-layer.com/catalog-previews/dark-infra-story.jpg Dark Infra Story Band https://design-layer.com/catalog-previews/dark-infra-story.jpg A zinc-950 scroll band with a blueprint grid. One still moves left, then right, then center, then fills the viewport. Swap the copy and photo, then drop it into a tech or infrastructure landing page. https://design-layer.com/catalog-previews/dark-infra-story.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/dark-infra-footer https://design-layer.com/catalog-previews/dark-infra-footer.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/dark-infra-footer https://design-layer.com/catalog-previews/dark-infra-footer.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/path-drawing-portfolio-hero https://design-layer.com/catalog-previews/path-drawing-portfolio-hero.jpg Path Drawing Portfolio Hero https://design-layer.com/catalog-previews/path-drawing-portfolio-hero.jpg A full-screen hero whose name draws in as an SVG stroke. A small eyebrow sits above, a tagline and scroll cue below. Swap the name and line, then drop it at the top of a portfolio. https://design-layer.com/catalog-previews/path-drawing-portfolio-hero.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/path-drawing-portfolio-hero https://design-layer.com/catalog-previews/path-drawing-portfolio-hero.jpg Path Drawing Portfolio Hero https://design-layer.com/catalog-previews/path-drawing-portfolio-hero.jpg A full-screen hero whose name draws in as an SVG stroke. A small eyebrow sits above, a tagline and scroll cue below. Swap the name and line, then drop it at the top of a portfolio. https://design-layer.com/catalog-previews/path-drawing-portfolio-hero.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/portfolio-morph-contact https://design-layer.com/catalog-previews/portfolio-morph-contact.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/portfolio-morph-contact https://design-layer.com/catalog-previews/portfolio-morph-contact.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/video-production-contact https://design-layer.com/catalog-previews/video-production-contact.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/video-production-contact https://design-layer.com/catalog-previews/video-production-contact.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/album-package-showcase https://design-layer.com/catalog-previews/album-package-showcase.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/album-package-showcase https://design-layer.com/catalog-previews/album-package-showcase.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/flip-cta-newsletter https://design-layer.com/catalog-previews/flip-cta-newsletter.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/flip-cta-newsletter https://design-layer.com/catalog-previews/flip-cta-newsletter.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/borderless-account-vaults https://design-layer.com/catalog-previews/borderless-account-vaults.jpg Borderless Account Vaults https://design-layer.com/catalog-previews/borderless-account-vaults.jpg A borderless-account section with a large centered headline. Rounded UI cards start clustered in the middle, then expand into a constellation when the section enters the viewport. Swap the title and each card image, then drop it into a fintech or SaaS landing page. https://design-layer.com/catalog-previews/borderless-account-vaults.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/borderless-account-vaults https://design-layer.com/catalog-previews/borderless-account-vaults.jpg Borderless Account Vaults https://design-layer.com/catalog-previews/borderless-account-vaults.jpg A borderless-account section with a large centered headline. Rounded UI cards start clustered in the middle, then expand into a constellation when the section enters the viewport. Swap the title and each card image, then drop it into a fintech or SaaS landing page. https://design-layer.com/catalog-previews/borderless-account-vaults.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/benefits-scroll-list https://design-layer.com/catalog-previews/benefits-scroll-list.jpg Benefits Scroll List https://design-layer.com/catalog-previews/benefits-scroll-list.jpg A dark scroll section with a small sticky label on the left and an oversized uppercase word list on the right. The word in the middle of the viewport stays sharp; words above and below fade and blur. Swap the label and words, then drop it into a wellness, brand, or product landing page. https://design-layer.com/catalog-previews/benefits-scroll-list.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/benefits-scroll-list https://design-layer.com/catalog-previews/benefits-scroll-list.jpg Benefits Scroll List https://design-layer.com/catalog-previews/benefits-scroll-list.jpg A dark scroll section with a small sticky label on the left and an oversized uppercase word list on the right. The word in the middle of the viewport stays sharp; words above and below fade and blur. Swap the label and words, then drop it into a wellness, brand, or product landing page. https://design-layer.com/catalog-previews/benefits-scroll-list.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/collections-scroll-slider https://design-layer.com/catalog-previews/collections-scroll-slider.jpg Collections Scroll Slider https://design-layer.com/catalog-previews/collections-scroll-slider.jpg A full-screen collections slider: scroll through full-bleed backgrounds while a sand-colored right panel stays pinned and syncs titles, product lists, packshots, and intros. Swap the copy and images, then drop it onto a luxury or product landing page. https://design-layer.com/catalog-previews/collections-scroll-slider.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/collections-scroll-slider https://design-layer.com/catalog-previews/collections-scroll-slider.jpg Collections Scroll Slider https://design-layer.com/catalog-previews/collections-scroll-slider.jpg A full-screen collections slider: scroll through full-bleed backgrounds while a sand-colored right panel stays pinned and syncs titles, product lists, packshots, and intros. Swap the copy and images, then drop it onto a luxury or product landing page. https://design-layer.com/catalog-previews/collections-scroll-slider.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/home-projects-stack https://design-layer.com/catalog-previews/home-projects-stack.jpg Home Projects Stack https://design-layer.com/catalog-previews/home-projects-stack.jpg An agency works section: oversized headline, emoji bubble, and avatars on the left; Instagram-style portrait cards slide on the right. Drag to change cases, story bars auto-advance stills. Swap the copy and photos, then drop it into a studio or agency landing page. https://design-layer.com/catalog-previews/home-projects-stack.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/home-projects-stack https://design-layer.com/catalog-previews/home-projects-stack.jpg Home Projects Stack https://design-layer.com/catalog-previews/home-projects-stack.jpg An agency works section: oversized headline, emoji bubble, and avatars on the left; Instagram-style portrait cards slide on the right. Drag to change cases, story bars auto-advance stills. Swap the copy and photos, then drop it into a studio or agency landing page. https://design-layer.com/catalog-previews/home-projects-stack.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/moonsworth-companies-grid https://design-layer.com/catalog-previews/moonsworth-companies-grid.jpg Moonsworth Companies Grid https://design-layer.com/catalog-previews/moonsworth-companies-grid.jpg A white one-viewport sites grid with a 2×2 card layout. Each card shows a sharp website preview at rest; on hover the photo shrinks and blurs, corner dots appear, and the title, project meta (industry / year / role), and teal CTA fade in. Swap the copy and images, then drop it into a portfolio or studio works section. https://design-layer.com/catalog-previews/moonsworth-companies-grid.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/moonsworth-companies-grid https://design-layer.com/catalog-previews/moonsworth-companies-grid.jpg Moonsworth Companies Grid https://design-layer.com/catalog-previews/moonsworth-companies-grid.jpg A white one-viewport sites grid with a 2×2 card layout. Each card shows a sharp website preview at rest; on hover the photo shrinks and blurs, corner dots appear, and the title, project meta (industry / year / role), and teal CTA fade in. Swap the copy and images, then drop it into a portfolio or studio works section. https://design-layer.com/catalog-previews/moonsworth-companies-grid.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/music-video-pin-stack https://design-layer.com/catalog-previews/music-video-pin-stack.jpg Music Video Pin Stack https://design-layer.com/catalog-previews/music-video-pin-stack.jpg A sticky pin-stack music video section on a white field. Thumbnails rise from the bottom and layer in the center while the track title and label/release meta flicker on the sides, with progress dots on the right. Swap the heading, track info, and stills, then drop it into an artist or label landing page. https://design-layer.com/catalog-previews/music-video-pin-stack.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/music-video-pin-stack https://design-layer.com/catalog-previews/music-video-pin-stack.jpg Music Video Pin Stack https://design-layer.com/catalog-previews/music-video-pin-stack.jpg A sticky pin-stack music video section on a white field. Thumbnails rise from the bottom and layer in the center while the track title and label/release meta flicker on the sides, with progress dots on the right. Swap the heading, track info, and stills, then drop it into an artist or label landing page. https://design-layer.com/catalog-previews/music-video-pin-stack.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/pastel-pill-navbar https://design-layer.com/catalog-previews/pastel-pill-navbar.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/pastel-pill-navbar https://design-layer.com/catalog-previews/pastel-pill-navbar.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/knockout-wordmark-opener https://design-layer.com/catalog-previews/knockout-wordmark-opener.jpg Knockout Cloud Opener https://design-layer.com/catalog-previews/knockout-wordmark-opener.jpg A site-open mask: a filled cloud window reveals the page inside, then a bubble mask expands to full screen. Wrap your existing hero or page as children. Swap the logo mark, then drop it at the top of a brand site. https://design-layer.com/catalog-previews/knockout-wordmark-opener.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/knockout-wordmark-opener https://design-layer.com/catalog-previews/knockout-wordmark-opener.jpg Knockout Cloud Opener https://design-layer.com/catalog-previews/knockout-wordmark-opener.jpg A site-open mask: a filled cloud window reveals the page inside, then a bubble mask expands to full screen. Wrap your existing hero or page as children. Swap the logo mark, then drop it at the top of a brand site. https://design-layer.com/catalog-previews/knockout-wordmark-opener.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/story-mode-expand https://design-layer.com/catalog-previews/story-mode-expand.jpg Works Expand https://design-layer.com/catalog-previews/story-mode-expand.jpg A numbered works section on white: an oversized rust heading, a three-pane image strip on the left, and a project list on the right. Hover widens the active still. MORE+ expands details below while the other items keep their titles and hide only the short descriptions. Swap the heading, project copy, and photos, then drop it into an architecture or studio landing page. https://design-layer.com/catalog-previews/story-mode-expand.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/story-mode-expand https://design-layer.com/catalog-previews/story-mode-expand.jpg Works Expand https://design-layer.com/catalog-previews/story-mode-expand.jpg A numbered works section on white: an oversized rust heading, a three-pane image strip on the left, and a project list on the right. Hover widens the active still. MORE+ expands details below while the other items keep their titles and hide only the short descriptions. Swap the heading, project copy, and photos, then drop it into an architecture or studio landing page. https://design-layer.com/catalog-previews/story-mode-expand.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/product-wordmark-hero https://design-layer.com/catalog-previews/product-wordmark-hero.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/product-wordmark-hero https://design-layer.com/catalog-previews/product-wordmark-hero.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/sneaker-bold-hero https://design-layer.com/catalog-previews/sneaker-bold-hero.jpg Sneaker Bold Hero https://design-layer.com/catalog-previews/sneaker-bold-hero.jpg A white product hero: centered packshot, title and thumbs on the left, size circles, reviews, price, and color dots on the right. Scroll or swipe to step through colorways. Swap the copy and photos, then drop it onto a footwear landing page. https://design-layer.com/catalog-previews/sneaker-bold-hero.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/sneaker-bold-hero https://design-layer.com/catalog-previews/sneaker-bold-hero.jpg Sneaker Bold Hero https://design-layer.com/catalog-previews/sneaker-bold-hero.jpg A white product hero: centered packshot, title and thumbs on the left, size circles, reviews, price, and color dots on the right. Scroll or swipe to step through colorways. Swap the copy and photos, then drop it onto a footwear landing page. https://design-layer.com/catalog-previews/sneaker-bold-hero.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/sneaker-focus-carousel https://design-layer.com/catalog-previews/sneaker-focus-carousel.jpg Sneaker Focus Carousel https://design-layer.com/catalog-previews/sneaker-focus-carousel.jpg A white fashion hero: circle mark and nav on top, category rail on the left, three sneakers on a circular carousel, then an oversized brand wordmark, caption, and See more pill. The focused pair stays sharp; the sides blur. Swap the brand, nav, and photos, then drop it onto a footwear landing page. https://design-layer.com/catalog-previews/sneaker-focus-carousel.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/sneaker-focus-carousel https://design-layer.com/catalog-previews/sneaker-focus-carousel.jpg Sneaker Focus Carousel https://design-layer.com/catalog-previews/sneaker-focus-carousel.jpg A white fashion hero: circle mark and nav on top, category rail on the left, three sneakers on a circular carousel, then an oversized brand wordmark, caption, and See more pill. The focused pair stays sharp; the sides blur. Swap the brand, nav, and photos, then drop it onto a footwear landing page. https://design-layer.com/catalog-previews/sneaker-focus-carousel.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/pricing-roi-calculator https://design-layer.com/catalog-previews/pricing-roi-calculator.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/pricing-roi-calculator https://design-layer.com/catalog-previews/pricing-roi-calculator.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/japan-travel-hero https://design-layer.com/catalog-previews/japan-travel-hero.jpg Japan Travel Hero https://design-layer.com/catalog-previews/japan-travel-hero.jpg A full-screen travel hero that starts on a night convenience store. Scroll to reveal a cut-out Mount Fuji, then the oversized wordmark rises from behind the mountain. Swap the copy and the two stills, then drop it onto a travel landing page. https://design-layer.com/catalog-previews/japan-travel-hero.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/japan-travel-hero https://design-layer.com/catalog-previews/japan-travel-hero.jpg Japan Travel Hero https://design-layer.com/catalog-previews/japan-travel-hero.jpg A full-screen travel hero that starts on a night convenience store. Scroll to reveal a cut-out Mount Fuji, then the oversized wordmark rises from behind the mountain. Swap the copy and the two stills, then drop it onto a travel landing page. https://design-layer.com/catalog-previews/japan-travel-hero.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/statue-404 https://design-layer.com/catalog-previews/statue-404.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/statue-404 https://design-layer.com/catalog-previews/statue-404.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/space-explore-section https://design-layer.com/catalog-previews/space-explore-section.jpg Space Explore https://design-layer.com/catalog-previews/space-explore-section.jpg A white one-screen gallery of four phone cards — SPACE, MARS, EARTH, MERCURY. Each card keeps the oversized stacked wordmark and planet or astronaut. Swap the titles, copy, and stills, then drop it into a space, travel, or entertainment landing page. https://design-layer.com/catalog-previews/space-explore-section.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/space-explore-section https://design-layer.com/catalog-previews/space-explore-section.jpg Space Explore https://design-layer.com/catalog-previews/space-explore-section.jpg A white one-screen gallery of four phone cards — SPACE, MARS, EARTH, MERCURY. Each card keeps the oversized stacked wordmark and planet or astronaut. Swap the titles, copy, and stills, then drop it into a space, travel, or entertainment landing page. https://design-layer.com/catalog-previews/space-explore-section.mp4 Thu Sep 17 2026 00:00:00 GMT+0000 (Coordinated Universal Time) yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/garden-prompt-hero https://design-layer.com/catalog-previews/garden-prompt-hero.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/garden-prompt-hero https://design-layer.com/catalog-previews/garden-prompt-hero.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/floating-poster-orbit https://design-layer.com/catalog-previews/floating-poster-orbit.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/floating-poster-orbit https://design-layer.com/catalog-previews/floating-poster-orbit.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/magnetic-cta-button https://design-layer.com/catalog-previews/magnetic-cta-button.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/magnetic-cta-button https://design-layer.com/catalog-previews/magnetic-cta-button.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/glass-sidebar-nav https://design-layer.com/catalog-previews/glass-sidebar-nav.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/glass-sidebar-nav https://design-layer.com/catalog-previews/glass-sidebar-nav.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/templates/ai-workflow https://design-layer.com/templates/screenshots/ai-workflow.png 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/en/templates/ai-workflow https://design-layer.com/templates/screenshots/ai-workflow.png 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/ja/templates/dark-infra https://design-layer.com/templates/screenshots/dark-infra.png 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/en/templates/dark-infra https://design-layer.com/templates/screenshots/dark-infra.png 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/ja/templates/shop-product https://design-layer.com/templates/screenshots/shop-product.png 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/en/templates/shop-product https://design-layer.com/templates/screenshots/shop-product.png 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/ja/templates/portfolio-profile https://design-layer.com/templates/screenshots/portfolio-profile.png 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/en/templates/portfolio-profile https://design-layer.com/templates/screenshots/portfolio-profile.png 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/ja/templates/path-drawing-portfolio https://design-layer.com/templates/screenshots/path-drawing-portfolio.png 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/en/templates/path-drawing-portfolio https://design-layer.com/templates/screenshots/path-drawing-portfolio.png 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/ja/templates/scene-switch https://design-layer.com/templates/screenshots/scene-switch.png 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/en/templates/scene-switch https://design-layer.com/templates/screenshots/scene-switch.png 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/ja/templates/illustrator-portfolio https://design-layer.com/templates/screenshots/illustrator-portfolio.png 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/en/templates/illustrator-portfolio https://design-layer.com/templates/screenshots/illustrator-portfolio.png 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/ja/templates/portfolio-morph https://design-layer.com/templates/screenshots/portfolio-morph.png 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/en/templates/portfolio-morph https://design-layer.com/templates/screenshots/portfolio-morph.png 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/ja/templates/video-production https://design-layer.com/templates/screenshots/video-production.png 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/en/templates/video-production https://design-layer.com/templates/screenshots/video-production.png 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/ja/templates/creative-dev-portfolio https://design-layer.com/templates/screenshots/creative-dev-portfolio.png 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/en/templates/creative-dev-portfolio https://design-layer.com/templates/screenshots/creative-dev-portfolio.png 2026-09-17T00:00:00.000Z monthly 0.85 https://design-layer.com/ja/docs/getting-started 2026-08-25T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/getting-started 2026-08-25T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/live-preview 2026-08-25T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/live-preview 2026-08-25T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/copy-for-cursor 2026-08-25T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/copy-for-cursor 2026-08-25T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/cursor-mcp 2026-09-04T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/cursor-mcp 2026-09-04T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/one-page-templates 2026-08-25T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/one-page-templates 2026-08-25T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/plans 2026-08-25T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/plans 2026-08-25T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/faq 2026-08-25T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/faq 2026-08-25T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/announcements/catalog-card-preview-videos-2026-09 2026-09-17T00:00:00.000Z monthly 0.6 https://design-layer.com/ja/announcements/designlayer-on-21st-dev-2026-09 2026-09-09T00:00:00.000Z monthly 0.6 https://design-layer.com/ja/announcements/developer-catalog-relaunch-2026-09 2026-09-07T00:00:00.000Z monthly 0.6 https://design-layer.com/ja/articles 2026-09-17T00:00:00.000Z weekly 0.7 https://design-layer.com/en/articles 2026-09-17T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/articles/cursor-react-motion-components-guide 2026-09-07T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/cursor-react-motion-components-guide 2026-09-07T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/cursor-nextjs-landing-page-guide 2026-09-07T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/cursor-nextjs-landing-page-guide 2026-09-07T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-components-guide 2026-09-07T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-components-guide 2026-09-07T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-animated-hero-section-guide 2026-09-08T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-animated-hero-section-guide 2026-09-08T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-scroll-gallery-guide 2026-09-08T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-scroll-gallery-guide 2026-09-08T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-modern-header-guide 2026-09-16T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-modern-header-guide 2026-09-16T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-pricing-table-guide 2026-09-08T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-pricing-table-guide 2026-09-08T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-faq-accordion-guide 2026-09-11T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-faq-accordion-guide 2026-09-11T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-framer-motion-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-logo-marquee-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-cta-section-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-testimonial-section-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-footer-section-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-mobile-nav-animation-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-features-section-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-bento-grid-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-text-reveal-animation-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-image-carousel-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-contact-section-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-stats-counter-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-timeline-section-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-comparison-table-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-glassmorphism-ui-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-hover-card-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-video-hero-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-scroll-reveal-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-saas-landing-page-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-one-page-template-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/cursor-mcp-component-catalog-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/21st-dev-alternative-for-cursor 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/shadcn-ui-motion-landing-page 2026-09-16T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/claude-cursor-copy-paste-components 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/copy-paste-react-tsx-components 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/cursor-lp-design-workflow 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-tailwind-animation-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/react-motion-ui-catalog-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-portfolio-motion-guide 2026-09-12T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/designlayer-cursor-beginner-guide 2026-09-12T00:00:00.000Z monthly 0.7