Snippets .

Text Gradient

Animated gradient text effects with multiple styles

Countdown Timer

Dynamic countdown timer for sales and promotions with auto-hide when expired

Product JSON Schema

SEO-optimized JSON-LD structured data for product pages

Debounce Function

Utility function to limit function execution rate

Intersection Observer

Reusable Intersection Observer for lazy loading and animations

WooCommerce Product Loop

Custom WooCommerce product loop with sale badge and quick view

Card Hover Effect

Modern card with 3D tilt and glow effect on hover

Animated Button

Modern button with hover effects and ripple animation

Custom Taxonomy

Size Guide Modal

Interactive size guide modal with measurement tables for Shopify products

Sticky Add to Cart

Sticky add to cart bar that appears on scroll with variant selector

Metafields Display

Dynamic metafield renderer with support for different field types

react

useLocalStorage Hook

React hook for persisting state in localStorage with SSR support

Custom Post Type

Glassmorphism Card

Modern frosted glass effect card design

Currency Formatter

Format numbers as currency with locale support

performance

Image Lazy Loading

Intersection Observer based lazy loading for images

Shipping Calculator

Dynamic shipping cost calculator for Shopify cart

Custom Product Cards

Responsive product card component with quick view and wishlist features

Local Storage Wrapper

Type-safe localStorage wrapper with expiration and encryption support

WordPress Breadcrumbs

SEO-friendly breadcrumb navigation with schema markup

Loading Spinner

Collection of modern loading spinners and animations

Responsive Grid Layout

Auto-fit responsive grid with Tailwind and CSS Grid

Skeleton Loader

Animated skeleton loading placeholders for content

react

useDebounce Hook

React hook for debouncing values with TypeScript support