nodependencies
nodependencies
  • API
  • Documentation
  • Support
  • Pages

    • Details Accordion
    • Carousel with Scroll Controls
    • Maximize While Maintaining Aspect Ratio
    • Input Styling
    • Styling Dialog
    • Adaptive Accordion Paragraph
  • Misc

    • File Input with Drag & Drop
    • Cubic grid
    • Anchor Positioning
    • Headingoffset
    • Inputmode
    • lvh, svh, dvh
    • Toast UI using Popover API
    • Transparent Gradient
    • Carousel Circle Indicator
    • Stroke-dasharray and stroke-dashoffset sample
    • Ray Marching with Web Components
    • System Colors
  • Sign in
  • Details Accordion

    Native accordion using details element with custom marker and content styling

    Preview
  • File Input with Drag & Drop

    Unified file upload handler for both input and drag-drop interactions

    Preview
  • Cubic grid

    A 3D cubic grid layout using CSS Grid and custom properties

    Preview
  • Anchor Positioning

    Use the CSS Anchor Positioning API to position elements relative to other elements

    Preview
  • Headingoffset

    Demonstration of heading offset functionality in web standards

    Preview
  • Carousel with Scroll Controls

    Native carousel using scroll-snap with anchor-positioned buttons and dot markers

    anchor-positioning

    css-scroll-snap

    container-queries

    Preview
  • Inputmode

    Demonstrates the inputmode attribute to hint keyboard type

    Preview
  • Maximize While Maintaining Aspect Ratio

    Container that scales to maximum size while preserving aspect ratio

    Preview
  • Input Styling

    Modern input field styling with pseudo-class selectors for state management

    Preview
  • Styling Dialog

    Native dialog with custom backdrop and entrance animation

    Preview
  • lvh, svh, dvh

    Demonstrates lvh, svh, and dvh viewport units and height changes

    Preview
  • Toast UI using Popover API

    Toast notifications built with the native Popover API for positioning and animations

    Preview
  • Transparent Gradient

    Create transparent gradient overlays using CSS gradients

    Preview
  • Carousel Circle Indicator

    Circular indicator UI for a carousel using Web standards

    Preview
  • Stroke-dasharray and stroke-dashoffset sample

    SVG stroke-dasharray and stroke-dashoffset animation sample

    Preview
  • Ray Marching with Web Components

    Ray marching rendering demo built with Web Components

    Preview
  • System Colors

    CSS System Colors that automatically adapt to user's theme and accessibility preferences

    system-colors

    Preview
  • Adaptive Accordion Paragraph

    Detect scroll-state to clamp the paragraph, show a gradient and a “more” control only when needed, and expand on demand. The hint chip is anchored to the container’s bottom-right.

    container-queries

    anchor-positioning

    Preview
X GitHub

© 2025 nodependencies, All rights reserved.

  • Pages

    • Details Accordion
    • Carousel with Scroll Controls
    • Maximize While Maintaining Aspect Ratio
    • Input Styling
    • Styling Dialog
    • Adaptive Accordion Paragraph
  • Misc

    • File Input with Drag & Drop
    • Cubic grid
    • Anchor Positioning
    • Headingoffset
    • Inputmode
    • lvh, svh, dvh
    • Toast UI using Popover API
    • Transparent Gradient
    • Carousel Circle Indicator
    • Stroke-dasharray and stroke-dashoffset sample
    • Ray Marching with Web Components
    • System Colors