[
    {
        "kind": "component",
        "title": "GitHub Contributions",
        "category": "Graphs",
        "image": "",
        "video": "https://vz-38d54223-6f4.b-cdn.net/42e5deff-bcc0-4dcd-811e-f4b92dbe089d/play_720p.mp4",
        "href": "/components/githubContributions/",
        "date": "2026-04-01",
        "tags": ["github", "contributions", "graph", "grid", "activity", "heatmap", "data", "visualization", "calendar", "scroll", "scrolling"],
        "showOnMobile": true
    },
    {
        "kind": "component",
        "title": "Reveal Menu Items on Hover",
        "category": "Navigation",
        "image": "/assets/thumbnails/thumbnail-2.webp",
        "video": "https://vz-38d54223-6f4.b-cdn.net/a6b5661d-30bd-41b2-bbbe-0055d4a2b0cb/play_720p.mp4",
        "href": "/components/hoverRevealMenu/",
        "date": "2025-09-29",
        "tags": ["hover", "expand", "menu", "navigation", "reveal"],
        "showOnMobile": true
    },
    {
        "kind": "component",
        "title": "Infinite Marquee (Scroll-Direction)",
        "category": "Marquees",
        "image": "/assets/thumbnails/thumbnail-1.webp",
        "video": "https://vz-38d54223-6f4.b-cdn.net/89641589-3fd0-427f-b694-58bd025709d4/play_720p.mp4",
        "href": "/components/marqueeScrollBased/",
        "date": "2025-09-14",
        "tags": ["marquee", "scroll", "infinite", "loop", "horizontal", "text", "scrolling", "motion", "continuous"],
        "showOnMobile": true
    },
    {
        "kind": "component",
        "title": "Smooth Expand/Collapse Accordion",
        "category": "Structure",
        "image": "/assets/thumbnails/thumbnail-3.webp",
        "video": "https://vz-38d54223-6f4.b-cdn.net/4ae5362e-508d-4144-a222-3f76ce2ac904/play_720p.mp4",
        "href": "/components/expandCollapseAccordion/",
        "date": "2025-07-28",
        "tags": ["accordion", "list", "expand", "collapse", "toggle", "reveal", "structure"],
        "showOnMobile": true
    },
    {
        "kind": "component",
        "title": "Pixelated Page Transition",
        "category": "Page Transitions",
        "image": "/assets/thumbnails/thumbnail-4.webp",
        "video": "https://vz-38d54223-6f4.b-cdn.net/182fdf2f-c79c-4326-8209-5b4732ed700c/play_720p.mp4",
        "href": "/components/pixelatedPageTransition/",
        "date": "2025-09-12",
        "tags": ["page", "transition", "pixelated", "box", "reveal", "screen"],
        "showOnMobile": true
    },
    {
        "kind": "component",
        "title": "Pixelated Section Transition (Scroll-Driven)",
        "category": "Scroll",
        "image": "/assets/thumbnails/thumbnail-6.webp",
        "video": "https://vz-38d54223-6f4.b-cdn.net/f7151bac-8147-4ef7-9c9b-83f40fdbb9ed/play_720p.mp4",
        "href": "/components/boxSectionTransition/",
        "date": "2025-08-27",
        "tags": ["scroll", "section", "transition", "boxes", "reveal", "scroll-based"],
        "showOnMobile": true
    },
    {
        "kind": "component",
        "title": "Simple Horizontal Carousel",
        "category": "Carousel",
        "image": "/assets/thumbnails/thumbnail-8.webp",
        "video": "https://vz-38d54223-6f4.b-cdn.net/54397b60-8afb-4bdf-ae0b-e73c7ff2fa85/play_720p.mp4",
        "href": "/components/horizontalCarouselManual/",
        "date": "2025-10-25",
        "tags": ["carousel", "image", "images", "horizontal", "slideshow", "gallery", "apple", "manual", "click"],
        "showOnMobile": true
    },
    {
        "kind": "component",
        "title": "Staggered Grid with Image Clip Path",
        "category": "Gallery",
        "image": "/assets/thumbnails/thumbnail-9.webp",
        "video": "https://vz-38d54223-6f4.b-cdn.net/e480f4ba-4378-4938-a8db-635e3b3f97d8/play_720p.mp4",
        "href": "/components/staggeredGridClipMask/",
        "date": "2025-09-28",
        "tags": ["gallery", "image", "images", "grid", "masonry", "clip", "path", "mask"],
        "showOnMobile": true
    },
    {
        "kind": "component",
        "title": "Lightbox with Controls",
        "category": "Gallery",
        "image": "/assets/thumbnails/thumbnail-5.webp",
        "video": "https://vz-38d54223-6f4.b-cdn.net/a2eb8a70-497e-437d-9cf0-f17cd976f4f5/play_720p.mp4",
        "href": "/components/lightboxWithControls/",
        "date": "2026-2-1",
        "tags": ["gallery", "image", "images", "grid", "lightbox", "slideshow", "next", "previous"],
        "showOnMobile": true
    },
    {
        "kind": "component",
        "title": "Form Validation",
        "category": "Forms",
        "image": "/assets/thumbnails/thumbnail-10.webp",
        "video": "https://vz-38d54223-6f4.b-cdn.net/54a416ac-8d07-4da9-a31b-a92db1a80922/play_720p.mp4",
        "href": "/components/formValidation/",
        "date": "2025-07-29",
        "tags": ["gallery", "image", "images", "grid", "lightbox", "slideshow", "next", "previous"],
        "showOnMobile": true
    },
    {
        "kind": "component",
        "title": "Timed Content Section",
        "category": "Gallery",
        "image": "/assets/thumbnails/thumbnail-7.webp",
        "video": "https://vz-38d54223-6f4.b-cdn.net/ca5f5267-a99f-4031-b215-7107a22422e1/play_720p.mp4",
        "href": "/components/timedContentSection/",
        "date": "2025-10-31",
        "tags": ["timed", "looping", "content", "image", "text", "auto", "cycle", "rotation", "sequential", "slideshow", "highlight", "interval", "transition", "switch", "animated"],
        "showOnMobile": true
    },
    {
        "kind": "component",
        "title": "Expand Image on Hover",
        "category": "Hover Animation",
        "image": "/assets/thumbnails/thumbnail-11.webp",
        "video": "https://vz-38d54223-6f4.b-cdn.net/31d3ba0e-7a48-4f2e-94ad-6d0828c2e369/play_720p.mp4",
        "href": "/components/expandImageHover/",
        "date": "2026-2-12",
        "tags": ["gallery", "hover", "image", "expand", "flexbox", "interactive", "vertical", "transition", "animation", "responsive", "reveal", "stretch"],
        "showOnMobile": true
    },
    {
        "kind": "component",
        "title": "Circle Mask Reveal on Hover",
        "category": "Hover Animation",
        "image": "/assets/thumbnails/thumbnail-12.webp",
        "video": "https://vz-38d54223-6f4.b-cdn.net/6b5d3cd2-6fe5-44c8-9aa8-527deec96bbc/play_720p.mp4",
        "href": "/components/circleMaskReveal/",
        "date": "2026-2-11",
        "tags": ["gallery", "hover", "image", "expand", "flexbox", "interactive", "vertical", "transition", "animation", "responsive", "reveal", "circle"],
        "showOnMobile": true
    },
    {
        "kind": "component",
        "title": "Scroll Snap",
        "category": "Scroll",
        "image": "/assets/thumbnails/thumbnail-14.webp",
        "video": "https://vz-38d54223-6f4.b-cdn.net/780e9a3f-cce9-41e6-85cc-2868d411c0d8/play_720p.mp4",
        "href": "/components/scrollSnap/",
        "date": "2025-3-22",
        "tags": ["scroll", "snap", "sections", "navigation", "scroll-behavior", "interaction", "vertical", "smooth", "animation"],
        "showOnMobile": false
    },
    {
        "kind": "component",
        "title": "Scroll-Driven Card Reveal",
        "category": "Scroll",
        "image": "",
        "video": "https://vz-38d54223-6f4.b-cdn.net/9ef962e6-f5ea-4651-accd-6a3ff1483c2d/play_720p.mp4",
        "href": "/components/scrollDrivenCardReveal/",
        "date": "2026-03-19",
        "tags": ["scroll", "card", "reveal", "flip", "scroll-driven", "animation", "cards", "transition"],
        "showOnMobile": true
    },
    {
        "kind": "component",
        "title": "Expandable Directory",
        "category": "Dropdown",
        "image": "/assets/thumbnails/thumbnail-13.webp",
        "video": "https://vz-38d54223-6f4.b-cdn.net/7471aeec-d176-4e86-80bb-0864777b077d/play_720p.mp4",
        "href": "/components/expandableDirectory/",
        "date": "2026-2-16",
        "tags": ["directory", "expand", "team", "avatars", "dropdown", "reveal", "interaction", "ui", "profile"],
        "showOnMobile": true
    }
]