https://design-layer.com/ja https://design-layer.com/videos/designlayer-mcp.jpg 2026-09-17T00:00:00.000Z weekly 1 https://design-layer.com/en https://design-layer.com/videos/designlayer-mcp.jpg 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/license 2026-10-25T00:00:00.000Z yearly 0.5 https://design-layer.com/en/license 2026-10-25T00:00:00.000Z yearly 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/videos/submit 2026-10-16T00:00:00.000Z monthly 0.6 https://design-layer.com/en/videos/submit 2026-10-16T00: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/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/templates 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/templates 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/videos 2026-10-16T00:00:00.000Z weekly 0.8 https://design-layer.com/en/videos 2026-10-16T00:00:00.000Z weekly 0.8 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 Sand 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 2026-09-17T00:00:00+00:00 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 Sand 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 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 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 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 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 2026-09-17T00:00:00+00:00 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 black 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 2026-09-17T00:00:00+00:00 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 black 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 2026-09-17T00:00:00+00:00 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/components/liquid-glass-login https://design-layer.com/catalog-previews/liquid-glass-login.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/liquid-glass-login https://design-layer.com/catalog-previews/liquid-glass-login.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/center-plus-tab-bar https://design-layer.com/catalog-previews/center-plus-tab-bar.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/center-plus-tab-bar https://design-layer.com/catalog-previews/center-plus-tab-bar.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/night-messenger-chat https://design-layer.com/catalog-previews/night-messenger-chat.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/night-messenger-chat https://design-layer.com/catalog-previews/night-messenger-chat.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/album-calendar https://design-layer.com/catalog-previews/album-calendar.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/album-calendar https://design-layer.com/catalog-previews/album-calendar.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/kinetic-service-pricing https://design-layer.com/catalog-previews/kinetic-service-pricing.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/kinetic-service-pricing https://design-layer.com/catalog-previews/kinetic-service-pricing.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/insight-fan-cards https://design-layer.com/catalog-previews/insight-fan-cards.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/insight-fan-cards https://design-layer.com/catalog-previews/insight-fan-cards.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/scroll-accordion-showcase https://design-layer.com/catalog-previews/scroll-accordion-showcase.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/scroll-accordion-showcase https://design-layer.com/catalog-previews/scroll-accordion-showcase.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/milestone-bento-card https://design-layer.com/catalog-previews/milestone-bento-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/milestone-bento-card https://design-layer.com/catalog-previews/milestone-bento-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/numbered-faq-panel https://design-layer.com/catalog-previews/numbered-faq-panel.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/numbered-faq-panel https://design-layer.com/catalog-previews/numbered-faq-panel.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/file-upload-panel https://design-layer.com/catalog-previews/file-upload-panel.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/file-upload-panel https://design-layer.com/catalog-previews/file-upload-panel.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/spotlight-reviews https://design-layer.com/catalog-previews/spotlight-reviews.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/spotlight-reviews https://design-layer.com/catalog-previews/spotlight-reviews.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/ink-reveal-cta https://design-layer.com/catalog-previews/ink-reveal-cta.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/ink-reveal-cta https://design-layer.com/catalog-previews/ink-reveal-cta.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/partner-cylinder-reel https://design-layer.com/catalog-previews/partner-cylinder-reel.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/partner-cylinder-reel https://design-layer.com/catalog-previews/partner-cylinder-reel.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/destination-coverflow-hero https://design-layer.com/catalog-previews/destination-coverflow-hero.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/destination-coverflow-hero https://design-layer.com/catalog-previews/destination-coverflow-hero.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/plan-pill-switch https://design-layer.com/catalog-previews/plan-pill-switch.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/plan-pill-switch https://design-layer.com/catalog-previews/plan-pill-switch.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/support-split-contact https://design-layer.com/catalog-previews/support-split-contact.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/support-split-contact https://design-layer.com/catalog-previews/support-split-contact.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/liquid-glass-signup-steps https://design-layer.com/catalog-previews/liquid-glass-signup-steps.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/liquid-glass-signup-steps https://design-layer.com/catalog-previews/liquid-glass-signup-steps.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/spring-command-palette https://design-layer.com/catalog-previews/spring-command-palette.jpg Spring Command Palette https://design-layer.com/catalog-previews/spring-command-palette.jpg A command palette React UI: a ⌘K search modal React teams can paste in like a react cmdk component. Pages, Actions, and Recent come from a props array and filter as you type. Drop it onto SaaS dashboards, dev tools, and admin panels. Dark and light, with spring motion and full keyboard support. https://design-layer.com/catalog-previews/spring-command-palette.mp4 2026-09-17T00:00:00+00:00 yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/spring-command-palette https://design-layer.com/catalog-previews/spring-command-palette.jpg Spring Command Palette https://design-layer.com/catalog-previews/spring-command-palette.jpg A command palette React UI: a ⌘K search modal React teams can paste in like a react cmdk component. Pages, Actions, and Recent come from a props array and filter as you type. Drop it onto SaaS dashboards, dev tools, and admin panels. Dark and light, with spring motion and full keyboard support. https://design-layer.com/catalog-previews/spring-command-palette.mp4 2026-09-17T00:00:00+00:00 yes no 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/spring-toast-stack https://design-layer.com/catalog-previews/spring-toast-stack.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/spring-toast-stack https://design-layer.com/catalog-previews/spring-toast-stack.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/feature-tabs-showcase https://design-layer.com/catalog-previews/feature-tabs-showcase.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/feature-tabs-showcase https://design-layer.com/catalog-previews/feature-tabs-showcase.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/wordmark-panel-footer https://design-layer.com/catalog-previews/wordmark-panel-footer.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/wordmark-panel-footer https://design-layer.com/catalog-previews/wordmark-panel-footer.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/whats-new-card https://design-layer.com/catalog-previews/whats-new-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/whats-new-card https://design-layer.com/catalog-previews/whats-new-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/clipboard-copy-button https://design-layer.com/catalog-previews/clipboard-copy-button.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/clipboard-copy-button https://design-layer.com/catalog-previews/clipboard-copy-button.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/interval-seg-control https://design-layer.com/catalog-previews/interval-seg-control.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/interval-seg-control https://design-layer.com/catalog-previews/interval-seg-control.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/count-stepper https://design-layer.com/catalog-previews/count-stepper.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/count-stepper https://design-layer.com/catalog-previews/count-stepper.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/soft-switch https://design-layer.com/catalog-previews/soft-switch.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/soft-switch https://design-layer.com/catalog-previews/soft-switch.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/underline-tab-switch https://design-layer.com/catalog-previews/underline-tab-switch.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/underline-tab-switch https://design-layer.com/catalog-previews/underline-tab-switch.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/theme-mode-switch https://design-layer.com/catalog-previews/theme-mode-switch.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/theme-mode-switch https://design-layer.com/catalog-previews/theme-mode-switch.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/filter-chip-row https://design-layer.com/catalog-previews/filter-chip-row.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/filter-chip-row https://design-layer.com/catalog-previews/filter-chip-row.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/progress-steps https://design-layer.com/catalog-previews/progress-steps.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/progress-steps https://design-layer.com/catalog-previews/progress-steps.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/rating-star-row https://design-layer.com/catalog-previews/rating-star-row.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/rating-star-row https://design-layer.com/catalog-previews/rating-star-row.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/notice-count-badge https://design-layer.com/catalog-previews/notice-count-badge.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/notice-count-badge https://design-layer.com/catalog-previews/notice-count-badge.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/source-flow-card https://design-layer.com/catalog-previews/source-flow-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/source-flow-card https://design-layer.com/catalog-previews/source-flow-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/sync-pulse-card https://design-layer.com/catalog-previews/sync-pulse-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/sync-pulse-card https://design-layer.com/catalog-previews/sync-pulse-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/status-pipeline-card https://design-layer.com/catalog-previews/status-pipeline-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/status-pipeline-card https://design-layer.com/catalog-previews/status-pipeline-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/deploy-tick-card https://design-layer.com/catalog-previews/deploy-tick-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/deploy-tick-card https://design-layer.com/catalog-previews/deploy-tick-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/uptime-signal-card https://design-layer.com/catalog-previews/uptime-signal-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/uptime-signal-card https://design-layer.com/catalog-previews/uptime-signal-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/usage-meter-card https://design-layer.com/catalog-previews/usage-meter-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/usage-meter-card https://design-layer.com/catalog-previews/usage-meter-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/event-stream-card https://design-layer.com/catalog-previews/event-stream-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/event-stream-card https://design-layer.com/catalog-previews/event-stream-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/presence-stack-card https://design-layer.com/catalog-previews/presence-stack-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/presence-stack-card https://design-layer.com/catalog-previews/presence-stack-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/latency-heat-card https://design-layer.com/catalog-previews/latency-heat-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/latency-heat-card https://design-layer.com/catalog-previews/latency-heat-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/components/sparkline-kpi-card https://design-layer.com/catalog-previews/sparkline-kpi-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/en/components/sparkline-kpi-card https://design-layer.com/catalog-previews/sparkline-kpi-card.jpg 2026-09-17T00:00:00.000Z weekly 0.8 https://design-layer.com/ja/templates/basis https://design-layer.com/templates/screenshots/basis.png 2026-09-17T00:00:00.000Z weekly 0.7 https://design-layer.com/en/templates/basis https://design-layer.com/templates/screenshots/basis.png 2026-09-17T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/templates/framepass https://design-layer.com/templates/screenshots/framepass.png 2026-09-17T00:00:00.000Z weekly 0.7 https://design-layer.com/en/templates/framepass https://design-layer.com/templates/screenshots/framepass.png 2026-09-17T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/templates/relay https://design-layer.com/templates/screenshots/relay.png 2026-09-17T00:00:00.000Z weekly 0.7 https://design-layer.com/en/templates/relay https://design-layer.com/templates/screenshots/relay.png 2026-09-17T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/product-intro プロダクト紹介 https://design-layer.com/announcements/designlayer-mcp-2026-09.png DesignLayer の MCP ローンチ動画です。ローンチ動画は視聴でき、自分の作品も提出できます。 https://design-layer.com/videos/designlayer-mcp.mp4 2026-10-16T00:00:00+00:00 yes no 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/product-intro Product intro https://design-layer.com/announcements/designlayer-mcp-2026-09.png The DesignLayer MCP launch video. Watch launch videos, or submit your own. https://design-layer.com/videos/designlayer-mcp.mp4 2026-10-16T00:00:00+00:00 yes no 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/videos-launch 動画ローンチ https://design-layer.com/videos/designlayer-videos-launch.jpg DesignLayer Videos のローンチフィルムです。プロンプトをコピーしてエージェントに渡し、できた動画を提出するまでを見せます。 https://design-layer.com/videos/designlayer-videos-launch.mp4 2026-10-16T00:00:00+00:00 yes no 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/videos-launch Videos launch https://design-layer.com/videos/designlayer-videos-launch.jpg A launch film for DesignLayer Videos. It shows copying the prompt, handing it to an agent, and submitting the film it makes. https://design-layer.com/videos/designlayer-videos-launch.mp4 2026-10-16T00:00:00+00:00 yes no 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/guides ガイド https://design-layer.com/videos/designlayer-guides.jpg DesignLayer Videos の案内です。気に入った作品を選び、付いているプロンプトをコピーして、自分の動画を提出するまでを見せます。 https://design-layer.com/videos/designlayer-guides.mp4 2026-10-16T00:00:00+00:00 yes no 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/guides Guide https://design-layer.com/videos/designlayer-guides.jpg A guide to DesignLayer Videos. It shows how to pick a film you like, copy the prompt that comes with it, and submit your own. https://design-layer.com/videos/designlayer-guides.mp4 2026-10-16T00:00:00+00:00 yes no 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/particle-sphere-loop パーティクル球のループ https://design-layer.com/videos/particle-sphere-loop.jpg 細かな粒子でできた暗い球が、煙のようなリボンにほどけて、また元の球に戻るループ。お問い合わせページの背景用に WebGL で作った動画。 https://design-layer.com/videos/particle-sphere-loop.mp4 2026-10-16T00:00:00+00:00 yes no 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/particle-sphere-loop Particle Sphere Loop https://design-layer.com/videos/particle-sphere-loop.jpg A dark sphere made of tiny particles dissolves into smoke-like curl-noise ribbons and gathers back into a perfect loop. Built as a WebGL background for a contact page. https://design-layer.com/videos/particle-sphere-loop.mp4 2026-10-16T00:00:00+00:00 yes no 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/devatlas-launch-video バックエンドのローンチ動画 https://design-layer.com/videos/devatlas-launch-video.jpg デモ用のローンチ動画です。黒背景にコンパスのアイコンと “Map out your backend, one good tool at a time.” が映り、バックエンドのツールが点になって周回する軌道マップ、Authentication 画面、Hasura のカード、Self-hosted stack（Coolify、Grafana、Uptime Kuma）が続きます。 https://design-layer.com/videos/devatlas-launch-video.mp4 2026-10-16T00:00:00+00:00 yes no 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/devatlas-launch-video Backend Launch Film https://design-layer.com/videos/devatlas-launch-video.jpg A demo launch film on a black background. A compass icon introduces the line “Map out your backend, one good tool at a time,” and an orbit map shows backend tools circling as dots, followed by an Authentication screen, a Hasura card, and a Self-hosted stack section (Coolify, Grafana, and Uptime Kuma). https://design-layer.com/videos/devatlas-launch-video.mp4 2026-10-16T00:00:00+00:00 yes no 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/kocer-eth-grok-bot-launch Grok Bot — X検索・読み取り・監視機能ローンチ動画 https://design-layer.com/videos/kocer-eth-grok-bot-launch.jpg Remotion（React）とClaude Opus 5.5で作られた43秒・120BPM同期のローンチ動画。跳ねてまばたきするロゴ、ビートに合わせて叩き込まれるタイポグラフィ、吸い込まれるX投稿カード、+240%に跳ねるライブチャート、フレーム同期された合成効果音が特徴。 https://design-layer.com/videos/kocer-eth-grok-bot-launch.mp4 2026-10-16T00:00:00+00:00 yes no 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/kocer-eth-grok-bot-launch Grok Bot — X Search, Read & Monitor Launch Film https://design-layer.com/videos/kocer-eth-grok-bot-launch.jpg A 43-second motion-graphics launch video synced to a 120 BPM beat in Remotion (React), featuring a bouncing blinking logo, beat-synced typography slams, flying X post cards, live +240% chart spike, and frame-locked synthesized UI sound effects. https://design-layer.com/videos/kocer-eth-grok-bot-launch.mp4 2026-10-16T00:00:00+00:00 yes no 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/deborah-clario-launch Clario — パーソナル家計インテリジェンス ローンチ動画 https://design-layer.com/videos/deborah-clario-launch.jpg Figmaで設計しClaude Codeで構築されたパーソナル家計管理アプリ「Clario」の35秒縦型（9:16）ローンチ動画。ロック画面の引き落とし通知から始まり、黒・白・ネオンライムの高コントラストな配色とエディトリアルなタイポグラフィでUIの魅力を際立たせた作品。 https://design-layer.com/videos/deborah-clario-launch.mp4 2026-10-16T00:00:00+00:00 yes no 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/deborah-clario-launch Clario — Personal Financial Intelligence Launch Video https://design-layer.com/videos/deborah-clario-launch.jpg A 35-second vertical (9:16) product launch video for Clario, a personal financial intelligence app designed in Figma and built with Claude Code. Features a high-contrast black, white, and neon lime visual language with lock-screen debit notifications and editorial typography. https://design-layer.com/videos/deborah-clario-launch.mp4 2026-10-16T00:00:00+00:00 yes no 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/rammanq-allinvestview-launch AllInvestView — 投資ポートフォリオ ローンチ動画 https://design-layer.com/videos/posters/rammanq-allinvestview-launch.jpg AllInvestView の42秒、正方形（1:1）のローンチ動画です。銘柄と ETF、配分チャート、配当カレンダー、2008年のストレステスト、効率的フロンティア、債券の価格曲線、スマホのポートフォリオを見せ、「Every investment. One view.」で終わります。 https://design-layer.com/api/video-submissions/rammanq-allinvestview-launch/video 2026-10-16T00:00:00+00:00 yes no 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/rammanq-allinvestview-launch AllInvestView — Investment Portfolio Launch Video https://design-layer.com/videos/posters/rammanq-allinvestview-launch.jpg A 42-second square launch video for AllInvestView. It shows holdings and ETFs, an allocation chart, a dividend calendar, a 2008 stress test, an efficient-frontier plot, a bond price curve, and a phone portfolio, and ends on “Every investment. One view.” https://design-layer.com/api/video-submissions/rammanq-allinvestview-launch/video 2026-10-16T00:00:00+00:00 yes no 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/mtalha-orngpages-launch OrngPages — 小さなお店向け AI ウェブサイト作成 ローンチ動画 https://design-layer.com/videos/posters/mtalha-orngpages-launch.jpg 小さなお店向けの AI ウェブサイト作成サービス OrngPages の22秒のローンチ動画。花屋が一文を入力するだけで動くサイトができ、チャットでデザインを変え、お客さんからの問い合わせがスマホに届き、最後にフリーランサーとの料金比較で締めくくります。 https://design-layer.com/api/video-submissions/mtalha-orngpages-launch/video 2026-10-16T00:00:00+00:00 yes no 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/mtalha-orngpages-launch OrngPages — AI Website Builder for Small Businesses Launch Video https://design-layer.com/videos/posters/mtalha-orngpages-launch.jpg A 22-second launch video for OrngPages, an AI website builder for small businesses. A florist types one sentence, gets a working site, restyles it by chatting, receives a customer enquiry on a phone, and the video ends with a freelancer-versus-OrngPages price comparison. https://design-layer.com/api/video-submissions/mtalha-orngpages-launch/video 2026-10-16T00:00:00+00:00 yes no 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/ephraimduncan-telemetry-launch telemetry.dev — AIエージェント向けLLMオブザーバビリティ ローンチ動画 https://design-layer.com/videos/posters/ephraimduncan-telemetry-launch.jpg AIエージェント向けのOpenTelemetry対応LLMオブザーバビリティ基盤「telemetry.dev」の15秒ローンチ動画。Claude Opus 5.5に素のHTMLとJavaScriptだけをワンショットで書かせて生成された作品。 https://design-layer.com/api/video-submissions/ephraimduncan-telemetry-launch/video 2026-10-16T00:00:00+00:00 yes no 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/ephraimduncan-telemetry-launch telemetry.dev — LLM Observability for AI Agents Launch Video https://design-layer.com/videos/posters/ephraimduncan-telemetry-launch.jpg A 15-second high-contrast launch video for telemetry.dev, an OpenTelemetry-native LLM observability platform for AI agents. One-shotted by Claude Opus 5.5 using pure HTML and JavaScript. https://design-layer.com/api/video-submissions/ephraimduncan-telemetry-launch/video 2026-10-16T00:00:00+00:00 yes no 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/dhruvalgolakiya-brief-launch 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/dhruvalgolakiya-brief-launch 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/nikhilbhima-tabi-ask-mode 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/nikhilbhima-tabi-ask-mode 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/nikhilbhima-tabi-launch 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/nikhilbhima-tabi-launch 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/code-rams-tweetsmash-launch 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/code-rams-tweetsmash-launch 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/mr-buzzoni-jev-showreel 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/mr-buzzoni-jev-showreel 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/shouchan099-mochi-launch 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/shouchan099-mochi-launch 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/shouchan099-kiln-launch 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/shouchan099-kiln-launch 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/flxrnc-ui-motion-loop 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/flxrnc-ui-motion-loop 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/shouchan099-tsugi-launch 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/shouchan099-tsugi-launch 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/twoclipping-ui-morph 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/twoclipping-ui-morph 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/videos/moritz-kremb-saas-launch 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/en/videos/moritz-kremb-saas-launch 2026-10-16T00:00:00.000Z weekly 0.7 https://design-layer.com/ja/docs/getting-started 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/getting-started 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/project-setup 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/project-setup 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/live-preview 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/live-preview 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/copy-for-cursor 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/copy-for-cursor 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/check-the-result 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/check-the-result 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/dependencies 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/dependencies 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/cursor-mcp 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/cursor-mcp 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/use-mcp 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/use-mcp 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/find-a-component 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/find-a-component 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/copy-a-video-prompt 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/copy-a-video-prompt 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/plans 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/plans 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/faq 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/faq 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/copy-button 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/copy-button 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/change-the-words 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/change-the-words 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/build-a-page 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/build-a-page 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/can-i-use-this 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/can-i-use-this 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/plan-and-cancel 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/plan-and-cancel 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/glossary 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/glossary 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/browse-components 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/browse-components 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/component-page 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/component-page 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/account 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/account 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/receipts 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/receipts 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/submit-a-video 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/submit-a-video 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/where-to-read 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/where-to-read 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/docs/contact-us 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/en/docs/contact-us 2026-10-17T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/announcements/plus-usd-pricing-2026-10 2026-10-17T00:00:00.000Z monthly 0.6 https://design-layer.com/ja/announcements/videos-2026-10 2026-10-09T00:00:00.000Z monthly 0.6 https://design-layer.com/ja/announcements/designlayer-mcp-2026-09 2026-09-30T00:00:00.000Z monthly 0.6 https://design-layer.com/ja/announcements/plus-plan-990-2026-09 2026-09-27T00:00:00.000Z monthly 0.6 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-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/cursor-react-motion-components-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/cursor-nextjs-landing-page-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/cursor-nextjs-landing-page-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-components-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-components-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-animated-hero-section-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-animated-hero-section-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-scroll-gallery-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-scroll-gallery-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-modern-header-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-modern-header-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-pricing-table-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-pricing-table-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-faq-accordion-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-faq-accordion-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-framer-motion-guide 2026-10-21T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-framer-motion-guide 2026-10-21T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-logo-marquee-guide 2026-10-20T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-logo-marquee-guide 2026-10-20T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-cta-section-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-cta-section-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-testimonial-section-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-testimonial-section-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-footer-section-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-footer-section-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-mobile-nav-animation-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-mobile-nav-animation-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-features-section-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-features-section-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-bento-grid-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-bento-grid-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-text-reveal-animation-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-text-reveal-animation-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-image-carousel-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-image-carousel-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-contact-section-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-contact-section-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-stats-counter-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-stats-counter-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-timeline-section-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-timeline-section-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-comparison-table-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-comparison-table-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-glassmorphism-ui-guide 2026-10-20T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-glassmorphism-ui-guide 2026-10-20T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-hover-card-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-hover-card-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-video-hero-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-video-hero-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-scroll-reveal-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-scroll-reveal-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-saas-landing-page-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-saas-landing-page-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-one-page-template-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-one-page-template-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/cursor-mcp-component-catalog-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/cursor-mcp-component-catalog-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/21st-dev-alternative-for-cursor 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/21st-dev-alternative-for-cursor 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/shadcn-ui-motion-landing-page 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/shadcn-ui-motion-landing-page 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/claude-cursor-copy-paste-components 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/claude-cursor-copy-paste-components 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/copy-paste-react-tsx-components 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/copy-paste-react-tsx-components 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/cursor-lp-design-workflow 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/cursor-lp-design-workflow 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-tailwind-animation-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-tailwind-animation-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/react-motion-ui-catalog-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/react-motion-ui-catalog-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-portfolio-motion-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-portfolio-motion-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/designlayer-cursor-beginner-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/designlayer-cursor-beginner-guide 2026-10-06T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-gsap-scrolltrigger-guide 2026-10-21T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-gsap-scrolltrigger-guide 2026-10-21T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-before-after-slider-guide 2026-10-20T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-before-after-slider-guide 2026-10-20T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-lottie-animation-guide 2026-10-21T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-lottie-animation-guide 2026-10-21T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-loading-screen-guide 2026-10-21T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-loading-screen-guide 2026-10-21T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-404-page-guide 2026-10-20T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-404-page-guide 2026-10-20T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-login-page-design-guide 2026-10-20T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-login-page-design-guide 2026-10-20T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-newsletter-signup-guide 2026-10-08T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-newsletter-signup-guide 2026-10-08T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-magnetic-button-guide 2026-10-08T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-magnetic-button-guide 2026-10-08T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-bottom-tab-bar-guide 2026-10-08T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-bottom-tab-bar-guide 2026-10-08T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/nextjs-custom-cursor-guide 2026-10-08T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/nextjs-custom-cursor-guide 2026-10-08T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/claude-code-video-guide 2026-10-15T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/claude-code-video-guide 2026-10-15T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/aceternity-ui-alternatives 2026-10-19T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/aceternity-ui-alternatives 2026-10-19T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/tailwind-plus-alternatives 2026-10-26T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/tailwind-plus-alternatives 2026-10-26T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/lifetime-react-component-library 2026-10-27T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/lifetime-react-component-library 2026-10-27T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/liquid-glass-login-react 2026-10-27T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/liquid-glass-login-react 2026-10-27T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/gsap-pin-spacer 2026-10-21T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/gsap-pin-spacer 2026-10-21T00:00:00.000Z monthly 0.7 https://design-layer.com/ja/articles/claude-code-in-cursor 2026-10-27T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/claude-code-in-cursor 2026-10-27T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/ai-product-launch-video-examples 2026-10-26T00:00:00.000Z monthly 0.7 https://design-layer.com/en/articles/animated-pricing-section-react 2026-10-18T00:00:00.000Z monthly 0.7