Developer Assets Hub

Everything You Need to Ship Faster

Curated collection of production-ready templates, code snippets, themes, and tools. Copy, paste, and deploy.

191
Total Assets
↑ +191
2.4M
Downloads
↑ +12%
156
Contributors
↑ +8
45K
Active Users
↑ +18%

Browse by Category

Find exactly what you need for your next project

Code Snippets
74 assets
Starter Templates
36 assets
Themes & Styles
28 assets
CLI Tools
26 assets
Config Files
27 assets
API Collections
0 assets

Code Snippets

Copy-paste ready code for everyday development tasks

CSS Grid Responsive Layout

Auto-fit grid that adapts to content size

CSS
css grid responsive layout 
.grid-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1rem;\n}
View Docs Report Issue

API Response Handler

Unified API response handling with error management

Intermediate TypeScript
API Fetch TypeScript 
type ApiResponse<T> = {\n  data: T | null;\n  error: string | null;\n  status: number;\n};\n\nasync function fetchApi<T>(\n  url: string,\n  options?: RequestInit\n): Promise<ApiResponse<T>> {\n  try {\n    const response = await fetch(url, {\n      ...options,\n      headers: {\n        'Content-Type': 'application/json',\n        ...options?.headers,\n      },\n    });\n\n    const data = await response.json();\n\n    if (!response.ok) {\n      return {\n        data: null,\n        error: data.message || 'Request failed',\n        status: response.status,\n      };\n    }\n\n    return { data, error: null, status: response.status };\n  } catch (error) {\n    return {\n      data: null,\n      error: error instanceof Error ? error.message : 'Unknown error',\n      status: 500,\n    };\n  }\n}
View Docs Report Issue

Git Alias Setup

Useful git aliases for common operations

Bash
git alias productivity 
git config --global alias.co checkout
git config --global alias.br branch
git config --global alias.ci commit
git config --global alias.st status
View Docs Report Issue

Express Error Handler Middleware

Centralized error handling for Express applications

JavaScript
express middleware error-handling 
app.use((err, req, res, next) => {\n  console.error(err.stack);\n  const status = err.status || 500;\n  res.status(status).json({\n    error: {\n      message: err.message,\n      status,\n      timestamp: new Date().toISOString()\n    }\n  });\n});
View Docs Report Issue

SQL Date Range Filter

Query records between two dates efficiently

SQL
sql database filtering date 
SELECT * FROM records\nWHERE created_at BETWEEN :start_date AND :end_date\n  AND deleted_at IS NULL\nORDER BY created_at DESC\nLIMIT 100;
View Docs Report Issue

SQL Date Range Filter

Query records between two dates efficiently

SQL
sql database filtering date 
SELECT * FROM records
WHERE created_at BETWEEN :start_date AND :end_date
  AND deleted_at IS NULL
ORDER BY created_at DESC
LIMIT 100;
View Docs Report Issue

Python Context Manager

Custom context manager for resource cleanup

Python
python context-manager cleanup 
from contextlib import contextmanager\n\n@contextmanager\ndef open_file(path):\n    f = open(path, 'r')\n    try:\n        yield f\n    finally:\n        f.close()
View Docs Report Issue

Bash Script Template

Robust bash script with error handling and logging

Bash
bash script error-handling 
#!/bin/bash
set -euo pipefail

log() { echo "[$(date +'%Y-%m-%d %H:%M:%S')] $1"; }

error_exit() {
  log "ERROR: $1"
  exit 1
}

trap 'error_exit "Script interrupted"' INT
View Docs Report Issue

React Custom Hook Pattern

A reusable custom hook for data fetching with loading and error states

JavaScript
react hooks fetch async 
const useFetch = (url) => {\n  const [data, setData] = useState(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState(null);\n\n  useEffect(() => {\n    fetch(url)\n      .then(res => res.json())\n      .then(data => { setData(data); setLoading(false); })\n      .catch(err => { setError(err); setLoading(false); });\n  }, [url]);\n\n  return { data, loading, error };\n};
View Docs Report Issue

Bash Script Template

Robust bash script with error handling and logging

Bash
bash script error-handling 
#!/bin/bash\nset -euo pipefail\n\nlog() { echo "[$(date +'%Y-%m-%d %H:%M:%S')] $1"; }\n\nerror_exit() {\n  log "ERROR: $1"\n  exit 1\n}\n\ntrap 'error_exit "Script interrupted"' INT
View Docs Report Issue

Git Alias Setup

Useful git aliases for common operations

Bash
git alias productivity 
git config --global alias.co checkout\ngit config --global alias.br branch\ngit config --global alias.ci commit\ngit config --global alias.st status
View Docs Report Issue

Currency Formatter

Format currencies with proper locale support

Easy TypeScript
Formatting Currency i18n 
const currencyFormatter = new Intl.NumberFormat('en-US', {\n  style: 'currency',\n  currency: 'USD',\n  minimumFractionDigits: 2,\n  maximumFractionDigits: 2,\n});\n\nconst formatCurrency = (amount: number): string => {\n  return currencyFormatter.format(amount);\n};\n\n// Multi-currency support\nconst formatMoney = (\n  amount: number,\n  currency: string = 'USD',\n  locale: string = 'en-US'\n): string => {\n  return new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency,\n  }).format(amount);\n};\n\n// Usage:\n// formatCurrency(1234.56); // "$1,234.56"\n// formatMoney(1234.56, 'EUR', 'de-DE'); // "1.234,56 €"
View Docs Report Issue

Async Promise All Settled

Run promises in parallel and return all results including errors

TypeScript
typescript async promise parallel 
async function promiseAllSettled<T>(
  promises: Promise<T>[]
): Promise<PromiseSettledResult<T>[]> {
  return Promise.all(
    promises.map(p => p.then(
      value => ({ status: 'fulfilled' as const, value }),
      reason => ({ status: 'rejected' as const, reason })
    ))
  );
}
View Docs Report Issue

Git Alias Setup

Useful git aliases for common operations

Bash
git alias productivity 
git config --global alias.co checkout\ngit config --global alias.br branch\ngit config --global alias.ci commit\ngit config --global alias.st status
View Docs Report Issue

SQL Date Range Filter

Query records between two dates efficiently

SQL
sql database filtering date 
SELECT * FROM records\nWHERE created_at BETWEEN :start_date AND :end_date\n  AND deleted_at IS NULL\nORDER BY created_at DESC\nLIMIT 100;
View Docs Report Issue

Debounce Function

Utility function to debounce expensive operations

TypeScript
typescript utility performance 
function debounce<T extends (...args: any[]) => any>(
  func: T,
  wait: number
): (...args: Parameters<T>) => void {
  let timeout: NodeJS.Timeout;
  return (...args: Parameters<T>) => {
    clearTimeout(timeout);
    timeout = setTimeout(() => func(...args), wait);
  };
}
View Docs Report Issue

Docker Multi-Stage Build

Optimized Dockerfile for production Node.js apps

Dockerfile
docker multi-stage nodejs production 
FROM node:18-alpine AS builder
WORKDIR /app
COPY package*.json ./
RUN npm ci --only=production

FROM node:18-alpine
WORKDIR /app
COPY --from=builder /app/node_modules ./node_modules
COPY --from=builder /app/dist ./dist
CMD ["node", "dist/index.js"]
View Docs Report Issue

SQL Date Range Filter

Query records between two dates efficiently

SQL
sql database filtering date 
SELECT * FROM records\nWHERE created_at BETWEEN :start_date AND :end_date\n  AND deleted_at IS NULL\nORDER BY created_at DESC\nLIMIT 100;
View Docs Report Issue

Git Alias Setup

Useful git aliases for common operations

Bash
git alias productivity 
git config --global alias.co checkout
git config --global alias.br branch
git config --global alias.ci commit
git config --global alias.st status
View Docs Report Issue

Python Context Manager

Custom context manager for resource cleanup

Python
python context-manager cleanup 
from contextlib import contextmanager\n\n@contextmanager\ndef open_file(path):\n    f = open(path, 'r')\n    try:\n        yield f\n    finally:\n        f.close()
View Docs Report Issue

Express Error Handler Middleware

Centralized error handling for Express applications

JavaScript
express middleware error-handling 
app.use((err, req, res, next) => {
  console.error(err.stack);
  const status = err.status || 500;
  res.status(status).json({
    error: {
      message: err.message,
      status,
      timestamp: new Date().toISOString()
    }
  });
});
View Docs Report Issue

CSS Grid Responsive Layout

Auto-fit grid that adapts to content size

CSS
css grid responsive layout 
.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
}
View Docs Report Issue

Deep Clone Object

Safely deep clone any object or array

Intermediate TypeScript
Utility Objects 
function deepClone<T>(obj: T): T {\n  if (obj === null || typeof obj !== 'object') {\n    return obj;\n  }\n\n  if (obj instanceof Date) {\n    return new Date(obj.getTime()) as T;\n  }\n\n  if (obj instanceof Array) {\n    return obj.map(item => deepClone(item)) as T;\n  }\n\n  if (obj instanceof Object) {\n    const clonedObj = {} as T;\n    for (const key in obj) {\n      if (obj.hasOwnProperty(key)) {\n        clonedObj[key] = deepClone(obj[key]);\n      }\n    }\n    return clonedObj;\n  }\n\n  return obj;\n}
View Docs Report Issue

Docker Multi-Stage Build

Optimized Dockerfile for production Node.js apps

Dockerfile
docker multi-stage nodejs production 
FROM node:18-alpine AS builder
WORKDIR /app
COPY package*.json ./
RUN npm ci --only=production

FROM node:18-alpine
WORKDIR /app
COPY --from=builder /app/node_modules ./node_modules
COPY --from=builder /app/dist ./dist
CMD ["node", "dist/index.js"]
View Docs Report Issue

Docker Compose Multi-Stage Build

Optimized Dockerfile for production Node.js apps

Dockerfile
docker multi-stage nodejs production 
FROM node:18-alpine AS builder\nWORKDIR /app\nCOPY package*.json ./\nRUN npm ci --only=production\n\nFROM node:18-alpine\nWORKDIR /app\nCOPY --from=builder /app/node_modules ./node_modules\nCOPY --from=builder /app/dist ./dist\nCMD ["node", "dist/index.js"]
View Docs Report Issue

CSS Grid Responsive Layout

Auto-fit grid that adapts to content size

CSS
css grid responsive layout 
.grid-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1rem;\n}
View Docs Report Issue

Debounce Function Hook

React hook for debouncing function calls with cleanup and cancel support

Intermediate TypeScript
react hooks debounce performance 
import { useState, useEffect, useCallback, useRef } from 'react';

export function useDebounce<T extends (...args: any[]) => any>(
  callback: T,
  delay: number = 300
): [(...args: Parameters<T>) => void, () => void] {
  const timeoutRef = useRef<NodeJS.Timeout>();
  const isMountedRef = useRef(true);

  // Debounced function
  const debouncedCallback = useCallback(
    (...args: Parameters<T>) => {
      if (timeoutRef.current) {
        clearTimeout(timeoutRef.current);
      }

      timeoutRef.current = setTimeout(() => {
        if (isMountedRef.current) {
          callback(...args);
        }
      }, delay);
    },
    [callback, delay]
  );

  // Cancel function
  const cancel = useCallback(() => {
    if (timeoutRef.current) {
      clearTimeout(timeoutRef.current);
    }
  }, []);

  // Cleanup on unmount
  useEffect(() => {
    return () => {
      isMountedRef.current = false;
      if (timeoutRef.current) {
        clearTimeout(timeoutRef.current);
      }
    };
  }, []);

  return [debouncedCallback, cancel];
}

// Usage example:
// const [debouncedSearch, cancelSearch] = useDebounce((query) => {
//   performSearch(query);
// }, 500);
View Docs Report Issue

Debounce Function

Utility function to debounce expensive operations

TypeScript
typescript utility performance 
function debounce<T extends (...args: any[]) => any>(\n  func: T,\n  wait: number\n): (...args: Parameters<T>) => void {\n  let timeout: NodeJS.Timeout;\n  return (...args: Parameters<T>) => {\n    clearTimeout(timeout);\n    timeout = setTimeout(() => func(...args), wait);\n  };\n}
View Docs Report Issue

Python Context Manager

Custom context manager for resource cleanup

Python
python context-manager cleanup 
from contextlib import contextmanager

@contextmanager
def open_file(path):
    f = open(path, 'r')
    try:
        yield f
    finally:
        f.close()
View Docs Report Issue

CSS Grid Responsive Layout

Auto-fit grid that adapts to content size

CSS
css grid responsive layout 
.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
}
View Docs Report Issue

Form Validation Schema

Type-safe form validation with Zod

Intermediate TypeScript
Validation Zod Forms 
import { z } from 'zod';\n\nconst loginSchema = z.object({\n  email: z.string()\n    .min(1, 'Email is required')\n    .email('Invalid email format'),\n  password: z.string()\n    .min(8, 'Password must be at least 8 characters')\n    .regex(/[A-Z]/, 'Must contain uppercase letter')\n    .regex(/[0-9]/, 'Must contain number'),\n  remember: z.boolean().optional()\n});\n\ntype LoginInput = z.infer<typeof loginSchema>;\n\n// Usage:\n// const result = loginSchema.safeParse(formData);\n// if (!result.success) {\n//   console.log(result.error.flatten());\n// }
View Docs Report Issue

Async Promise All with Results

Run promises in parallel and return all results including errors

TypeScript
typescript async promise parallel 
async function promiseAllSettled<T>(\n  promises: Promise<T>[]\n): Promise<PromiseSettledResult<T>[]> {\n  return Promise.all(\n    promises.map(p => p.then(\n      value => ({ status: 'fulfilled' as const, value }),\n      reason => ({ status: 'rejected' as const, reason })\n    ))\n  );\n}
View Docs Report Issue

Python Context Manager

Custom context manager for resource cleanup

Python
python context-manager cleanup 
from contextlib import contextmanager

@contextmanager
def open_file(path):
    f = open(path, 'r')
    try:
        yield f
    finally:
        f.close()
View Docs Report Issue

SQL Date Range Filter

Query records between two dates efficiently

SQL
sql database filtering date 
SELECT * FROM records\nWHERE created_at BETWEEN :start_date AND :end_date\n  AND deleted_at IS NULL\nORDER BY created_at DESC\nLIMIT 100;
View Docs Report Issue

Event Emitter

Lightweight event emitter with wildcard and once support

Intermediate JavaScript
events pubsub observer 
class EventEmitter {
  constructor() {
    this.events = new Map();
    this.onceEvents = new Map();
  }

  on(event, listener) {
    if (!this.events.has(event)) {
      this.events.set(event, []);
    }
    this.events.get(event).push(listener);
    return () => this.off(event, listener);
  }

  once(event, listener) {
    const wrapped = (...args) => {
      listener(...args);
      this.off(event, wrapped);
    };
    return this.on(event, wrapped);
  }

  off(event, listener) {
    if (!this.events.has(event)) return;
    const listeners = this.events.get(event);
    const index = listeners.indexOf(listener);
    if (index > -1) listeners.splice(index, 1);
  }

  emit(event, ...args) {
    // Direct event listeners
    if (this.events.has(event)) {
      this.events.get(event).forEach(listener => listener(...args));
    }

    // Wildcard listeners
    if (this.events.has('*')) {
      this.events.get('*').forEach(listener => listener(event, ...args));
    }
  }

  async emitAsync(event, ...args) {
    const listeners = this.events.get(event) || [];
    const wildcards = this.events.get('*') || [];
    const all = [...listeners, ...wildcards];

    return Promise.all(all.map(listener => listener(...args)));
  }

  removeAllListeners(event) {
    if (event) {
      this.events.delete(event);
    } else {
      this.events.clear();
    }
  }

  listenerCount(event) {
    return (this.events.get(event) || []).length;
  }
}
View Docs Report Issue

Debounce Function

Utility function to debounce expensive operations

TypeScript
typescript utility performance 
function debounce<T extends (...args: any[]) => any>(
  func: T,
  wait: number
): (...args: Parameters<T>) => void {
  let timeout: NodeJS.Timeout;
  return (...args: Parameters<T>) => {
    clearTimeout(timeout);
    timeout = setTimeout(() => func(...args), wait);
  };
}
View Docs Report Issue

Debounce Function

Utility function to debounce expensive operations

TypeScript
typescript utility performance 
function debounce<T extends (...args: any[]) => any>(\n  func: T,\n  wait: number\n): (...args: Parameters<T>) => void {\n  let timeout: NodeJS.Timeout;\n  return (...args: Parameters<T>) => {\n    clearTimeout(timeout);\n    timeout = setTimeout(() => func(...args), wait);\n  };\n}
View Docs Report Issue

React Custom Hook Pattern

A reusable custom hook for data fetching with loading and error states

JavaScript
react hooks fetch async 
const useFetch = (url) => {\n  const [data, setData] = useState(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState(null);\n\n  useEffect(() => {\n    fetch(url)\n      .then(res => res.json())\n      .then(data => { setData(data); setLoading(false); })\n      .catch(err => { setError(err); setLoading(false); });\n  }, [url]);\n\n  return { data, loading, error };\n};
View Docs Report Issue

Express Error Handler Middleware

Centralized error handling for Express applications

JavaScript
express middleware error-handling 
app.use((err, req, res, next) => {\n  console.error(err.stack);\n  const status = err.status || 500;\n  res.status(status).json({\n    error: {\n      message: err.message,\n      status,\n      timestamp: new Date().toISOString()\n    }\n  });\n});
View Docs Report Issue

useLocalStorage Hook

Sync React state with localStorage automatically

Easy TypeScript
React Hooks Storage 
import { useState, useEffect, useCallback } from 'react';\n\nfunction useLocalStorage<T>(key: string, initialValue: T) {\n  const [storedValue, setStoredValue] = useState<T>(() => {\n    try {\n      const item = window.localStorage.getItem(key);\n      return item ? JSON.parse(item) : initialValue;\n    } catch (error) {\n      return initialValue;\n    }\n  });\n\n  const setValue = useCallback((value: T | ((val: T) => T)) => {\n    try {\n      const valueToStore = value instanceof Function ? value(storedValue) : value;\n      setStoredValue(valueToStore);\n      window.localStorage.setItem(key, JSON.stringify(valueToStore));\n    } catch (error) {\n      console.log(error);\n    }\n  }, [key, storedValue]);\n\n  return [storedValue, setValue] as const;\n}\n\n// Usage:\n// const [name, setName] = useLocalStorage('name', 'Anonymous');
View Docs Report Issue

Docker Compose Multi-Stage Build

Optimized Dockerfile for production Node.js apps

Dockerfile
docker multi-stage nodejs production 
FROM node:18-alpine AS builder\nWORKDIR /app\nCOPY package*.json ./\nRUN npm ci --only=production\n\nFROM node:18-alpine\nWORKDIR /app\nCOPY --from=builder /app/node_modules ./node_modules\nCOPY --from=builder /app/dist ./dist\nCMD ["node", "dist/index.js"]
View Docs Report Issue

Bash Script Template

Robust bash script with error handling and logging

Bash
bash script error-handling 
#!/bin/bash\nset -euo pipefail\n\nlog() { echo "[$(date +'%Y-%m-%d %H:%M:%S')] $1"; }\n\nerror_exit() {\n  log "ERROR: $1"\n  exit 1\n}\n\ntrap 'error_exit "Script interrupted"' INT
View Docs Report Issue

Docker Compose Multi-Stage Build

Optimized Dockerfile for production Node.js apps

Dockerfile
docker multi-stage nodejs production 
FROM node:18-alpine AS builder\nWORKDIR /app\nCOPY package*.json ./\nRUN npm ci --only=production\n\nFROM node:18-alpine\nWORKDIR /app\nCOPY --from=builder /app/node_modules ./node_modules\nCOPY --from=builder /app/dist ./dist\nCMD ["node", "dist/index.js"]
View Docs Report Issue

Color Utilities

Convert between color formats (HEX, RGB, HSL) and manipulate colors

Intermediate TypeScript
color utils conversion 
export class ColorUtils {
  static hexToRgb(hex: string): { r: number; g: number; b: number } {
    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
    return result ? {
      r: parseInt(result[1], 16),
      g: parseInt(result[2], 16),
      b: parseInt(result[3], 16)
    } : null;
  }

  static rgbToHsl(r: number, g: number, b: number): { h: number; s: number; l: number } {
    r /= 255; g /= 255; b /= 255;
    const max = Math.max(r, g, b), min = Math.min(r, g, b);
    let h = 0, s = 0, l = (max + min) / 2;

    if (max !== min) {
      const d = max - min;
      s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
      switch (max) {
        case r: h = ((g - b) / d + (g < b ? 6 : 0)) / 6; break;
        case g: h = ((b - r) / d + 2) / 6; break;
        case b: h = ((r - g) / d + 4) / 6; break;
      }
    }

    return { h: h * 360, s: s * 100, l: l * 100 };
  }

  static lighten(hex: string, percent: number): string {
    const rgb = this.hexToRgb(hex);
    const hsl = this.rgbToHsl(rgb.r, rgb.g, rgb.b);
    hsl.l = Math.min(100, hsl.l + percent);
    return this.hslToHex(hsl.h, hsl.s, hsl.l);
  }

  static hslToHex(h: number, s: number, l: number): string {
    s /= 100; l /= 100;
    const a = s * Math.min(l, 1 - l);
    const f = n => {
      const k = (n + h / 30) % 12;
      const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
      return Math.round(255 * color).toString(16).padStart(2, '0');
    };
    return `#${f(0)}${f(8)}${f(4)}`;
  }
}
View Docs Report Issue

Debounce Function

Utility function to debounce expensive operations

TypeScript
typescript utility performance 
function debounce<T extends (...args: any[]) => any>(\n  func: T,\n  wait: number\n): (...args: Parameters<T>) => void {\n  let timeout: NodeJS.Timeout;\n  return (...args: Parameters<T>) => {\n    clearTimeout(timeout);\n    timeout = setTimeout(() => func(...args), wait);\n  };\n}
View Docs Report Issue

React Custom Hook Pattern

A reusable custom hook for data fetching with loading and error states

JavaScript
react hooks fetch async 
const useFetch = (url) => {\n  const [data, setData] = useState(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState(null);\n\n  useEffect(() => {\n    fetch(url)\n      .then(res => res.json())\n      .then(data => { setData(data); setLoading(false); })\n      .catch(err => { setError(err); setLoading(false); });\n  }, [url]);\n\n  return { data, loading, error };\n};
View Docs Report Issue

Async Retry Wrapper

Automatically retry failed async operations with exponential backoff

Intermediate TypeScript
Async Error Handling 
async function retryWithBackoff<T>(\n  operation: () => Promise<T>,\n  maxAttempts = 3,\n  baseDelay = 1000\n): Promise<T> {\n  for (let attempt = 1; attempt <= maxAttempts; attempt++) {\n    try {\n      return await operation();\n    } catch (error) {\n      if (attempt === maxAttempts) throw error;\n\n      const delay = baseDelay * Math.pow(2, attempt - 1);\n      await new Promise(resolve => setTimeout(resolve, delay));\n    }\n  }\n  throw new Error('Max attempts reached');\n}\n\n// Usage:\n// const result = await retryWithBackoff(() => fetchAPI(), 3, 1000);
View Docs Report Issue

Binary Search Tree

Generic BST implementation with insert, search, delete, and traversal

Intermediate JavaScript
bst tree data-structures 
class TreeNode {
  constructor(value) {
    this.value = value;
    this.left = null;
    this.right = null;
  }
}

class BinarySearchTree {
  constructor() {
    this.root = null;
  }

  insert(value) {
    const newNode = new TreeNode(value);
    if (!this.root) {
      this.root = newNode;
      return;
    }
    this._insertNode(this.root, newNode);
  }

  _insertNode(node, newNode) {
    if (newNode.value < node.value) {
      if (!node.left) node.left = newNode;
      else this._insertNode(node.left, newNode);
    } else {
      if (!node.right) node.right = newNode;
      else this._insertNode(node.right, newNode);
    }
  }

  search(value) {
    return this._searchNode(this.root, value);
  }

  _searchNode(node, value) {
    if (!node) return false;
    if (value === node.value) return true;
    if (value < node.value) return this._searchNode(node.left, value);
    return this._searchNode(node.right, value);
  }

  inOrderTraversal(node = this.root, result = []) {
    if (node) {
      this.inOrderTraversal(node.left, result);
      result.push(node.value);
      this.inOrderTraversal(node.right, result);
    }
    return result;
  }

  delete(value) {
    this.root = this._deleteNode(this.root, value);
  }

  _deleteNode(node, value) {
    if (!node) return null;

    if (value < node.value) {
      node.left = this._deleteNode(node.left, value);
    } else if (value > node.value) {
      node.right = this._deleteNode(node.right, value);
    } else {
      if (!node.left) return node.right;
      if (!node.right) return node.left;

      node.value = this._findMin(node.right);
      node.right = this._deleteNode(node.right, node.value);
    }
    return node;
  }

  _findMin(node) {
    while (node.left) node = node.left;
    return node.value;
  }
}
View Docs Report Issue

Express Error Handler Middleware

Centralized error handling for Express applications

JavaScript
express middleware error-handling 
app.use((err, req, res, next) => {\n  console.error(err.stack);\n  const status = err.status || 500;\n  res.status(status).json({\n    error: {\n      message: err.message,\n      status,\n      timestamp: new Date().toISOString()\n    }\n  });\n});
View Docs Report Issue

Git Alias Setup

Useful git aliases for common operations

Bash
git alias productivity 
git config --global alias.co checkout\ngit config --global alias.br branch\ngit config --global alias.ci commit\ngit config --global alias.st status
View Docs Report Issue

SQL Date Range Filter

Query records between two dates efficiently

SQL
sql database filtering date 
SELECT * FROM records
WHERE created_at BETWEEN :start_date AND :end_date
  AND deleted_at IS NULL
ORDER BY created_at DESC
LIMIT 100;
View Docs Report Issue

Bash Script Template

Robust bash script with error handling and logging

Bash
bash script error-handling 
#!/bin/bash\nset -euo pipefail\n\nlog() { echo "[$(date +'%Y-%m-%d %H:%M:%S')] $1"; }\n\nerror_exit() {\n  log "ERROR: $1"\n  exit 1\n}\n\ntrap 'error_exit "Script interrupted"' INT
View Docs Report Issue

Express Error Handler Middleware

Centralized error handling for Express applications

JavaScript
express middleware error-handling 
app.use((err, req, res, next) => {\n  console.error(err.stack);\n  const status = err.status || 500;\n  res.status(status).json({\n    error: {\n      message: err.message,\n      status,\n      timestamp: new Date().toISOString()\n    }\n  });\n});
View Docs Report Issue

Intersection Observer Hook

Detect when elements enter the viewport

Intermediate TypeScript
React Hooks Scroll 
import { useEffect, useState, useRef } from 'react';\n\nfunction useIntersectionObserver(\n  options?: IntersectionObserverInit\n) {\n  const [isInView, setIsInView] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        setIsInView(entry.isIntersecting);\n      },\n      { threshold: 0.1, ...options }\n    );\n\n    const current = ref.current;\n    if (current) {\n      observer.observe(current);\n    }\n\n    return () => {\n      if (current) observer.unobserve(current);\n    };\n  }, [options]);\n\n  return [ref, isInView] as const;\n}\n\n// Usage:\n// const [ref, isVisible] = useIntersectionObserver();
View Docs Report Issue

Bash Script Template

Robust bash script with error handling and logging

Bash
bash script error-handling 
#!/bin/bash
set -euo pipefail

log() { echo "[$(date +'%Y-%m-%d %H:%M:%S')] $1"; }

error_exit() {
  log "ERROR: $1"
  exit 1
}

trap 'error_exit "Script interrupted"' INT
View Docs Report Issue

Python Context Manager

Custom context manager for resource cleanup

Python
python context-manager cleanup 
from contextlib import contextmanager\n\n@contextmanager\ndef open_file(path):\n    f = open(path, 'r')\n    try:\n        yield f\n    finally:\n        f.close()
View Docs Report Issue

CSS Grid Responsive Layout

Auto-fit grid that adapts to content size

CSS
css grid responsive layout 
.grid-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1rem;\n}
View Docs Report Issue

Python Context Manager

Custom context manager for resource cleanup

Python
python context-manager cleanup 
from contextlib import contextmanager\n\n@contextmanager\ndef open_file(path):\n    f = open(path, 'r')\n    try:\n        yield f\n    finally:\n        f.close()
View Docs Report Issue

Async Promise All with Results

Run promises in parallel and return all results including errors

TypeScript
typescript async promise parallel 
async function promiseAllSettled<T>(\n  promises: Promise<T>[]\n): Promise<PromiseSettledResult<T>[]> {\n  return Promise.all(\n    promises.map(p => p.then(\n      value => ({ status: 'fulfilled' as const, value }),\n      reason => ({ status: 'rejected' as const, reason })\n    ))\n  );\n}
View Docs Report Issue

Async Queue Processor

Process async tasks with concurrency limit and retry logic

Advanced JavaScript
async queue concurrency retry 
class AsyncQueue {
  constructor(concurrency = 5, maxRetries = 3) {
    this.concurrency = concurrency;
    this.maxRetries = maxRetries;
    this.running = 0;
    this.queue = [];
  }

  add(task, retries = 0) {
    return new Promise((resolve, reject) => {
      this.queue.push({ task, resolve, reject, retries });
      this.process();
    });
  }

  async process() {
    while (this.queue.length > 0 && this.running < this.concurrency) {
      const { task, resolve, reject, retries } = this.queue.shift();

      this.running++;

      try {
        const result = await task();
        resolve(result);
      } catch (error) {
        if (retries < this.maxRetries) {
          this.queue.push({ task, resolve, reject, retries: retries + 1 });
        } else {
          reject(error);
        }
      } finally {
        this.running--;
        this.process();
      }
    }
  }
}

// Usage:
// const queue = new AsyncQueue(3, 2);
// await Promise.all([
//   queue.add(() => fetch(url1)),
//   queue.add(() => fetch(url2)),
//   queue.add(() => fetch(url3))
// ]);
View Docs Report Issue

React Custom Hook Pattern

A reusable custom hook for data fetching with loading and error states

JavaScript
react hooks fetch async 
const useFetch = (url) => {
  const [data, setData] = useState(null);
  const [loading, setLoading] = useState(true);
  const [error, setError] = useState(null);

  useEffect(() => {
    fetch(url)
      .then(res => res.json())
      .then(data => { setData(data); setLoading(false); })
      .catch(err => { setError(err); setLoading(false); });
  }, [url]);

  return { data, loading, error };
};
View Docs Report Issue

React Custom Hook Pattern

A reusable custom hook for data fetching with loading and error states

JavaScript
react hooks fetch async 
const useFetch = (url) => {
  const [data, setData] = useState(null);
  const [loading, setLoading] = useState(true);
  const [error, setError] = useState(null);

  useEffect(() => {
    fetch(url)
      .then(res => res.json())
      .then(data => { setData(data); setLoading(false); })
      .catch(err => { setError(err); setLoading(false); });
  }, [url]);

  return { data, loading, error };
};
View Docs Report Issue

Git Alias Setup

Useful git aliases for common operations

Bash
git alias productivity 
git config --global alias.co checkout\ngit config --global alias.br branch\ngit config --global alias.ci commit\ngit config --global alias.st status
View Docs Report Issue

React Custom Hook Pattern

A reusable custom hook for data fetching with loading and error states

JavaScript
react hooks fetch async 
const useFetch = (url) => {\n  const [data, setData] = useState(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState(null);\n\n  useEffect(() => {\n    fetch(url)\n      .then(res => res.json())\n      .then(data => { setData(data); setLoading(false); })\n      .catch(err => { setError(err); setLoading(false); });\n  }, [url]);\n\n  return { data, loading, error };\n};
View Docs Report Issue

Async Promise All with Results

Run promises in parallel and return all results including errors

TypeScript
typescript async promise parallel 
async function promiseAllSettled<T>(\n  promises: Promise<T>[]\n): Promise<PromiseSettledResult<T>[]> {\n  return Promise.all(\n    promises.map(p => p.then(\n      value => ({ status: 'fulfilled' as const, value }),\n      reason => ({ status: 'rejected' as const, reason })\n    ))\n  );\n}
View Docs Report Issue

Async Promise All with Results

Run promises in parallel and return all results including errors

TypeScript
typescript async promise parallel 
async function promiseAllSettled<T>(\n  promises: Promise<T>[]\n): Promise<PromiseSettledResult<T>[]> {\n  return Promise.all(\n    promises.map(p => p.then(\n      value => ({ status: 'fulfilled' as const, value }),\n      reason => ({ status: 'rejected' as const, reason })\n    ))\n  );\n}
View Docs Report Issue

Async Promise All Settled

Run promises in parallel and return all results including errors

TypeScript
typescript async promise parallel 
async function promiseAllSettled<T>(
  promises: Promise<T>[]
): Promise<PromiseSettledResult<T>[]> {
  return Promise.all(
    promises.map(p => p.then(
      value => ({ status: 'fulfilled' as const, value }),
      reason => ({ status: 'rejected' as const, reason })
    ))
  );
}
View Docs Report Issue

Bash Script Template

Robust bash script with error handling and logging

Bash
bash script error-handling 
#!/bin/bash\nset -euo pipefail\n\nlog() { echo "[$(date +'%Y-%m-%d %H:%M:%S')] $1"; }\n\nerror_exit() {\n  log "ERROR: $1"\n  exit 1\n}\n\ntrap 'error_exit "Script interrupted"' INT
View Docs Report Issue

Debounce Function

Utility function to debounce expensive operations

TypeScript
typescript utility performance 
function debounce<T extends (...args: any[]) => any>(\n  func: T,\n  wait: number\n): (...args: Parameters<T>) => void {\n  let timeout: NodeJS.Timeout;\n  return (...args: Parameters<T>) => {\n    clearTimeout(timeout);\n    timeout = setTimeout(() => func(...args), wait);\n  };\n}
View Docs Report Issue

Debounce Function

Debounce any function for performance optimization

Easy TypeScript
Utility Performance 
function debounce<T extends (...args: any[]) => any>(\n  func: T,\n  wait: number\n): (...args: Parameters<T>) => void {\n  let timeout: NodeJS.Timeout | null = null;\n\n  return function executedFunction(...args: Parameters<T>) {\n    const later = () => {\n      timeout = null;\n      func(...args);\n    };\n\n    if (timeout) {\n      clearTimeout(timeout);\n    }\n    timeout = setTimeout(later, wait);\n  };\n}\n\n// Usage:\n// const debouncedSearch = debounce((query: string) => {\n//   console.log('Searching:', query);\n// }, 300);
View Docs Report Issue

Docker Compose Multi-Stage Build

Optimized Dockerfile for production Node.js apps

Dockerfile
docker multi-stage nodejs production 
FROM node:18-alpine AS builder\nWORKDIR /app\nCOPY package*.json ./\nRUN npm ci --only=production\n\nFROM node:18-alpine\nWORKDIR /app\nCOPY --from=builder /app/node_modules ./node_modules\nCOPY --from=builder /app/dist ./dist\nCMD ["node", "dist/index.js"]
View Docs Report Issue

CSS Grid Responsive Layout

Auto-fit grid that adapts to content size

CSS
css grid responsive layout 
.grid-container {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1rem;\n}
View Docs Report Issue

Middleware Chain Executor

Express-style middleware chain with async support

Advanced JavaScript
middleware chain async 
class MiddlewareChain {
  constructor() {
    this.middlewares = [];
  }

  use(middleware) {
    this.middlewares.push(middleware);
    return this;
  }

  async execute(context, index = 0) {
    if (index >= this.middlewares.length) {
      return context;
    }

    const middleware = this.middlewares[index];

    return new Promise((resolve, reject) => {
      const next = async (error?: Error) => {
        if (error) {
          return reject(error);
        }
        this.execute(context, index + 1).then(resolve).catch(reject);
      };

      try {
        const result = middleware(context, next);
        if (result instanceof Promise) {
          result.then(() => {
            if (index === this.middlewares.length - 1) {
              resolve(context);
            }
          }).catch(reject);
        } else if (index === this.middlewares.length - 1) {
          resolve(context);
        }
      } catch (error) {
        reject(error);
      }
    });
  }
}

// Usage:
// const app = new MiddlewareChain();
// app.use(async (ctx, next) => {
//   ctx.startTime = Date.now();
//   await next();
//   ctx.duration = Date.now() - ctx.startTime;
// });
// app.use(async (ctx, next) => {
//   console.log(`Request took ${ctx.duration}ms`);
// });
View Docs Report Issue

Express Error Handler Middleware

Centralized error handling for Express applications

JavaScript
express middleware error-handling 
app.use((err, req, res, next) => {
  console.error(err.stack);
  const status = err.status || 500;
  res.status(status).json({
    error: {
      message: err.message,
      status,
      timestamp: new Date().toISOString()
    }
  });
});
View Docs Report Issue
Showing 8 of 74 snippets

Starter Templates

Production-ready project starters to bootstrap your next application

Blog

Blog Post Template

SEO-optimized blog template with reading time estimate

Next.js MDX TailwindCSS
Code syntax highlighting
Table of contents
Share buttons
Comments
0
$ npx create-next-app blog

Settings Page Component

User settings with tabs and form controls

Vue.js Vuetify Vuex
Profile editing
Notification preferences
Password change
Account deletion
0
$ npm install user-settings
backend

Go Microservice Kit

Production-grade Go microservice with gRPC, Kubernetes configs, and observability

Go 1.21 gRPC PostgreSQL Redis
gRPC + REST
Docker
K8s manifests
Prometheus
Structured logging
OpenTelemetry
3.1k
0
Advanced
$ go install github.com/cekapcoder/go-micro-cli@latest && go-micro init my-service
wasm

Rust + WASM CLI

High-performance CLI tool with Rust compiled to WebAssembly

Rust WebAssembly wasm-bindgen Node.js
CLI Parser
WASM Build
NPM Package
TypeScript Types
650
0
Advanced
$ cargo wasm-pack new my-cli --template npm-compatible-wasm
Admin

Admin Dashboard Layout

Complete admin dashboard with sidebar, header, and content area

React TypeScript Chakra UI
Sidebar navigation
Dark mode
User menu
Breadcrumb
Data tables
0
$ npm create admin-dashboard
Communication

Chat Interface UI

Real-time chat UI with message bubbles and typing indicators

React Socket.io Styled Components
Message reactions
File uploads
Typing indicators
Online status
0
$ npm install chat-ui
SaaS

SaaS Landing Page

High-converting landing page with pricing, features, and testimonials

React TailwindCSS Vite
Hero section
Pricing table
Testimonials carousel
CTA buttons
Responsive design
0
$ npm create saas-landing
saas

SaaS Boilerplate Pro

Production-ready SaaS with billing, auth, dashboard, and landing page

Next.js Stripe Supabase React Query Zod
Stripe Billing
User Auth
Dashboard
Subscription Mgmt
Email Templates
3.1k
0
Advanced
$ npx create-saas@latest my-saas --stripe --supabase --react

Settings Page Component

User settings with tabs and form controls

Vue.js Vuetify Vuex
Profile editing
Notification preferences
Password change
Account deletion
0
$ npm install user-settings
Pricing

Pricing Table Component

3-tier pricing with toggle for monthly/yearly

React Framer Motion CSS
Pricing toggle
Feature comparison
Popular badge
CTA buttons
0
$ npm install pricing-table
Authentication

Auth Screens Pack

Login, register, forgot password with form validation

React Formik Yup
Social login buttons
Password strength meter
Remember me
Error handling
0
$ npm install auth-screens
backend

Node.js API Boilerplate

Express.js REST API with authentication, validation, and database integration

Node.js Express TypeScript PostgreSQL
JWT Auth
Zod validation
Prisma
Rate limiting
Swagger docs
Docker
6.2k
0
Intermediate
$ git clone https://github.com/cekapcoder/node-api-starter.git my-api
cms

Astro Content Hub

Content-focused site with MDX, collections, and image optimization

Astro 5 MDX Tailwind CSS TypeScript
Content Collections
RSS Feed
Sitemap
SEO Optimized
Dark Mode
1.8k
0
Intermediate
$ npm create astro@latest -- --template blog --no-install --no-git
E-commerce

E-commerce Product Card

Beautiful product card with hover effects and quick view

Vue.js CSS GSAP
Image gallery
Add to cart
Quick view modal
Wishlist toggle
0
$ npm install ecommerce-card
UI Components

Modal Component Library

Collection of reusable modals with different sizes and styles

React Radix UI TailwindCSS
Confirm dialogs
Form modals
Fullscreen modals
Accessibility
0
$ npm install modal-lib
Admin

Admin Dashboard Layout

Complete admin dashboard with sidebar, header, and content area

React TypeScript Chakra UI
Sidebar navigation
Dark mode
User menu
Breadcrumb
Data tables
0
$ npm create admin-dashboard
frontend

Astro Content Starter

Astro blog starter with MDX, RSS feeds, and SEO optimization

Astro React MDX Tailwind
MDX support
RSS feed
Sitemap
SEO
View transitions
TypeScript
6.8k
0
Easy
$ npm create cekap@latest astro-blog my-blog
frontend

React + Vite Starter

Lightning-fast React development with Vite, TypeScript, and modern tooling

React 18 Vite TypeScript Vitest
HMR
Path aliases
ESLint
Prettier
Testing setup
CI/CD configs
8.7k
0
Easy
$ npm create cekap@latest react-vite my-app
Portfolio

Portfolio Grid Layout

Masonry-style portfolio with filtering and lightbox

HTML CSS Vanilla JS
Category filters
Lightbox gallery
Smooth animations
Lazy loading
0
$ git clone portfolio-grid
Pricing

Pricing Table Component

3-tier pricing with toggle for monthly/yearly

React Framer Motion CSS
Pricing toggle
Feature comparison
Popular badge
CTA buttons
0
$ npm install pricing-table
Communication

Chat Interface UI

Real-time chat UI with message bubbles and typing indicators

React Socket.io Styled Components
Message reactions
File uploads
Typing indicators
Online status
0
$ npm install chat-ui
frontend

SvelteKit Full Stack

SvelteKit with TypeScript, SQLite, and server-side rendering

SvelteKit TypeScript Prisma SQLite
SSR
API routes
Auth
Form actions
Skeleton UI
Dark mode
4.2k
0
Intermediate
$ npm create cekap@latest sveltekit my-app
E-commerce

E-commerce Product Card

Beautiful product card with hover effects and quick view

Vue.js CSS GSAP
Image gallery
Add to cart
Quick view modal
Wishlist toggle
0
$ npm install ecommerce-card
Portfolio

Portfolio Grid Layout

Masonry-style portfolio with filtering and lightbox

HTML CSS Vanilla JS
Category filters
Lightbox gallery
Smooth animations
Lazy loading
0
$ git clone portfolio-grid
Authentication

Auth Screens Pack

Login, register, forgot password with form validation

React Formik Yup
Social login buttons
Password strength meter
Remember me
Error handling
0
$ npm install auth-screens
frontend

Next.js 14 Full Stack

Production-ready Next.js 14 with App Router, TypeScript, Tailwind CSS, and shadcn/ui

Next.js 14 TypeScript Tailwind shadcn/ui
App Router
Server Actions
API Routes
Auth.js
Prisma ORM
PostgreSQL
12.4k
0
Intermediate
$ npx create-cekap-app@latest nextjs-fullstack my-app
frontend

Vite + React + SWC

Lightning-fast React template with Vite, SWC compiler, and modern tooling

Vite 6 React 19 SWC TypeScript
HMR
Optimized Build
Tree Shaking
CSS Modules
5.2k
0
Easy
$ npm create vite@latest my-app -- --template react-swc
desktop

Electron + React Desktop

Cross-platform desktop app template with native menus and auto-updates

Electron React Webpack TypeScript
Native Menus
Auto-Updater
Tray Icon
File System Access
IPC
980
0
Intermediate
$ npm init electron-app@latest my-app -- --template=webpack-typescript
backend

GraphQL Yoga Server

Modern GraphQL server with Envelop plugins and Subscriptions

GraphQL Yoga Envelop TypeScript GraphQL Tools
Subscriptions
Rate Limiting
Auth
Batching
DataLoader
1.2k
0
Advanced
$ npm init graphql-yoga@latest my-api
UI Components

Modal Component Library

Collection of reusable modals with different sizes and styles

React Radix UI TailwindCSS
Confirm dialogs
Form modals
Fullscreen modals
Accessibility
0
$ npm install modal-lib
fullstack

T3 Stack - Next.js 15

Modern full-stack template with Next.js 15, tRPC, Prisma, Tailwind, and TypeScript

Next.js 15 tRPC Prisma Tailwind CSS TypeScript NextAuth
Server Actions
API Routes
Authentication Ready
Database Setup
ESLint/Prettier
2.5k
0
Advanced
$ npx create-t3-app@latest my-app --nextjs --trpc --prisma --tailwind --typescript
frontend

Vue 3 + Pinia Starter

Vue 3 with Composition API, Pinia state management, and Vite

Vue 3 Pinia Vite TypeScript
Composition API
Auto-imports
ESLint
Vitest
Tailwind
Vue Router
5.4k
0
Easy
$ npm create cekap@latest vue-pinia my-app
mobile

Expo Mobile App

React Native template with Expo Router, native features, and monorepo

Expo 52 React Native Expo Router Zustand
File-Based Routing
Native Modules
Splash Screen
Push Notifications
2.8k
0
Intermediate
$ npx create-expo-app@latest my-app --template blank-typescript
Blog

Blog Post Template

SEO-optimized blog template with reading time estimate

Next.js MDX TailwindCSS
Code syntax highlighting
Table of contents
Share buttons
Comments
0
$ npx create-next-app blog
SaaS

SaaS Landing Page

High-converting landing page with pricing, features, and testimonials

React TailwindCSS Vite
Hero section
Pricing table
Testimonials carousel
CTA buttons
Responsive design
0
$ npm create saas-landing
backend

Python FastAPI Starter

Modern async Python API with FastAPI, Pydantic, and SQLAlchemy

Python 3.11 FastAPI Pydantic PostgreSQL
Async endpoints
OAuth2
Alembic migrations
Docker
Redis cache
Celery
4.8k
0
Intermediate
$ pip install cekap-fastapi-starter && cekap-fastapi init my-app
Showing 8 of 36 templates

Themes & Styles

Beautiful color palettes, gradients, and complete UI themes

Aurora Borealis

Northern lights inspired animated gradients

gradient
14.9k

Neon Cyberpunk Theme

Dark theme with neon pink and cyan accents

full theme

Monokai Pro

Enhanced Monokai with better contrast and modernized colors

full theme
21.3k

Tokyo Night

A clean, dark and beautiful Neovim/VS Code theme

full theme
15.8k

Pastel Dreams Theme

Soft pastel colors for gentle aesthetic

gradient

Monochrome Pro Theme

Professional black and white with single accent color

color palette

Forest Nature Theme

Calming greens inspired by deep forest

color palette

Retro Terminal Theme

Classic amber phosphor terminal aesthetic

color palette

Pastel Dreams

Soft pastel palette for gentle, playful interfaces

color palette
13.4k

Sunset Gradient Pack

15 hand-crafted sunset gradients for backgrounds and overlays

gradient
9.4k

Matrix Code Theme

Green on black inspired by The Matrix

full theme

Retro Terminal

Vintage CRT terminal aesthetics with scanline effects

full theme
8.9k

Nord Theme

Arctic, north-bluish color palette with calm and clean aesthetics

color palette
18.2k

Nordic Frost

Cool, muted theme inspired by Nordic landscapes with ice blue tones

full theme
980

Glassmorphism UI Kit

Complete glassmorphism component library with CSS variables

full theme
16.7k

Forest Canopy

Nature-inspired greens and earth tones

color palette
720

Corporate Slate Theme

Professional slate blue for business applications

full theme

Neon Cyberpunk

High-intensity neon colors for futuristic UI designs

color palette
12.1k

Cyberpunk Neon

High-contrast dark theme with neon pink, cyan, and yellow accents

full theme
1.5k

Ocean Depth Theme

Deep blues with cyan highlights for underwater feel

full theme

Synthwave

Retro 80s aesthetic with purple, magenta, and grid patterns

full theme
1.8k

Sunset Gradient

Warm gradient from orange to pink to purple

gradient
2.1k

Ocean Depths

Deep blue tones inspired by oceanic zones

color palette
11.2k

Autumn Harvest Theme

Warm oranges, reds, and yellows of fall foliage

color palette

Ocean Depths

Deep blue ocean color progression

color palette
890

Dracula Pro

Dark theme optimized for retina displays with high contrast

full theme
24.5k

Forest & Nature

Earthy, organic tones inspired by deep forests and meadows

color palette
7.8k

Sunset Gradient Theme

Warm sunset colors transitioning from purple to orange

gradient
Showing 8 of 28 themes

CLI Tools

Command-line utilities to supercharge your development workflow

Node.js

Markdown PDF Converter

Convert Markdown files to beautifully formatted PDFs

Syntax highlighting Table of contents Custom themes
0
$ npm install -g md2pdf
Node.js

GitFlow Pro

Advanced Git workflow automation with branching strategies and conflict resolution

Auto-branching Conflict resolution Release automation Changelog gen
0
28.4k
$ npm install -g @cekapcoder/gitflow-pro
Go

Log File Analyzer

Parse and analyze log files for errors and patterns

Error aggregation Pattern matching Export to CSV
0
$ go install github.com/user/log-analyzer@latest
Node.js

dotenv-vault

Secure .env file synchronization across team members and environments

AES-256 Encryption Team Sync Environment Management Audit Logs
0
125k
$ npx dotenv-vault login && npx dotenv-vault pull
Go

Docker Resource Monitor

Monitor CPU, memory, and disk usage of Docker containers

Real-time stats Alert thresholds CSV export
0
$ go install github.com/user/docker-monitor@latest
Python

EnvSec

Secure environment variable management with encryption and audit trails

AES-256 encryption Git ignored Team sharing Audit logs
0
12.8k
$ pip install envsec-cli
Python

API Rate Limit Tester

Test API endpoints for rate limiting behavior

Parallel requests Response time tracking Limit detection
0
$ pip install rate-limit-tester
TypeScript

TaskRunner

Universal task automation with dependency management and parallel execution

Task dependencies Parallel exec Watch mode Variables
0
22.3k
$ npm install -g @cekapcoder/taskrunner
Node.js

pm2

Production process manager for Node.js with clustering and monitoring

Process Management Auto-Restart Clustering Monitoring Dashboard
0
4.8M
$ pm2 start ecosystem.config.js && pm2 save
Python

JSON to YAML Converter

Convert JSON files to YAML format and vice versa

Bidirectional conversion Preserves comments Error handling
0
$ pip install json-yaml-converter
TypeScript

tsx

TypeScript execute tool - run TS files directly without compilation

Watch Mode ESM Support Source Maps Fast Execution
0
8.2M
$ npx tsx watch server.ts
Rust

Environment Variable Manager

Manage .env files across multiple projects securely

Encryption Git ignore integration Team sharing
0
$ cargo install env-manager
Python

Git Repository Cleaner

Remove large files and clean up git history

BFG cleaner Branch protection Force push safety
0
$ pip install git-repo-cleaner
Go

CertManager

SSL/TLS certificate automation for local development with auto-renewal

Auto-renewal Local CA Wildcard certs Docker support
0
11.4k
$ go install github.com/cekapcoder/certmgr@latest
Node.js

Image Optimizer

Batch optimize images for web with compression and resizing

WebP conversion Maintain aspect ratio Recursive directory
0
$ npm install -g img-optimizer
Go

DockerSync

Instant local development environment synchronization with Docker containers

Hot reload Volume sync Port forwarding Multi-container
0
15.2k
$ go install github.com/cekapcoder/dockersync@latest
Rust

turbo

High-performance build system for monorepos with incremental builds

Incremental Builds Remote Caching Pipeline Orchestration Distributed Tasks
0
3.2M
$ turbo run build --filter=ui...
Node.js

API Tester

Command-line HTTP client with collections, environments, and test automation

REST/GraphQL Collections Environments CI integration
0
34.1k
$ npm install -g @cekapcoder/api-tester
Python

LogParser

Intelligent log parsing with pattern recognition and anomaly detection

Pattern matching Anomaly detection Real-time Alerts
0
14.2k
$ pip install cekap-logparser
Bash

Database Backup Script

Automated MySQL backup with rotation and compression

Gzip compression S3 upload support Slack notifications
0
$ chmod +x db-backup.sh
Rust

CodeStats

Advanced code metrics analyzer with complexity scoring and technical debt tracking

Complexity analysis Code coverage Debt tracking Git blame
0
19.6k
$ cargo install codestats-cli
Rust

JsonKit

Advanced JSON manipulation with filtering, querying, and transformation

JSONPath Transformation Validation Formatting
0
20.1k
$ cargo install jsonkit
TypeScript

wrangler

Cloudflare Workers CLI for serverless deployment and development

Edge Functions KV Storage Durable Objects Preview Deployments
0
520k
$ npx wrangler deploy
Go

lefthook

Fast and powerful Git hooks manager for any project

Parallel Execution Glob Patterns Skip Commands Window Support
0
180k
$ lefthook install
Go

DB Migrate

Database migration tool with versioning, rollback, and multi-database support

Version control Rollback PostgreSQL MySQL SQLite
0
18.7k
$ go install github.com/cekapcoder/db-migrate@latest
Bash

SSL Certificate Checker

Monitor SSL certificate expiry across multiple domains

Email alerts Auto-renewal support Certificate chain validation
0
$ chmod +x ssl-checker.sh
Showing 8 of 26 tools

Config Files

Production-ready configuration files for your projects

Vite PWA Config

vite.config.ts
0
0

Vite configuration with PWA plugin for offline support

import { defineConfig } from "vite"; import react from "@vitejs/plugin-react"; import { VitePWA } from "vite-plugin-pwa"; export default defineConfig({ plugins: [ react(), VitePWA({ registerType: "autoUpdate", includeAssets: ["favicon.svg", "icons/*.png"], manifest: { name: "My App", short_name: "MyApp", description: "My awesome app", theme_color: "#22d3ee", icons: [ { src: "pwa-192x192.png", sizes: "192x192", type: "image/png" }, { src: "pwa-512x512.png", sizes: "512x512", type: "image/png" } ] }, workbox: { globPatterns: ["**/*.{js,css,html,ico,png,svg}"], runtimeCaching: [ { urlPattern: /^https:\/\/api\.example\.com\/.*/i, handler: "NetworkFirst", options: { cacheName: "api-cache", expiration: { maxEntries: 10, maxAgeSeconds: 60 * 60 * 24 // 24 hours } } } ] } }) ], build: { target: "esnext", minify: "esbuild", sourcemap: true } });
TypeScript

Nginx Config

nginx.conf
0
0

Production-ready Nginx configuration with SSL and reverse proxy

server { listen 80; server_name example.com; return 301 https://$server_name$request_uri; } server { listen 443 ssl http2; server_name example.com; ssl_certificate /etc/nginx/ssl/cert.pem; ssl_certificate_key /etc/ssl/private/key.pem; root /var/www/html; index index.html; location / { try_files $uri $uri/ /index.html; } location /api { proxy_pass http://localhost:3000; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; } gzip on; gzip_types text/plain text/css application/json application/javascript; }
Nginx

PostgreSQL Docker Compose

docker-compose.yml
0
0

PostgreSQL database with pgAdmin Docker configuration

version: "3.8" services: postgres: image: postgres:15 environment: POSTGRES_DB: mydb POSTGRES_USER: user POSTGRES_PASSWORD: password ports: - "5432:5432" volumes: - pgdata:/var/lib/postgresql/data pgadmin: image: dpage/pgadmin4 environment: PGADMIN_DEFAULT_EMAIL: admin@admin.com PGADMIN_DEFAULT_PASSWORD: admin ports: - "5050:80" volumes: pgdata:
YAML

Prettier Config

.prettierrc
0
0

Code formatting rules with trailing commas, semicolons, and quotes

{ "semi": true, "trailingComma": "es5", "singleQuote": false, "printWidth": 100, "tabWidth": 2, "useTabs": false, "arrowParens": "always", "endOfLine": "lf" }
JSON

TypeScript Config

tsconfig.json
0
0

Strict TypeScript configuration for type-safe development

{ "compilerOptions": { "target": "ES2022", "lib": ["ES2022", "DOM", "DOM.Iterable"], "module": "ESNext", "moduleResolution": "bundler", "resolveJsonModule": true, "allowJs": true, "strict": true, "noEmit": true, "esModuleInterop": true, "skipLibCheck": true, "forceConsistentCasingInFileNames": true, "isolatedModules": true }, "include": ["src/**/*"], "exclude": ["node_modules"] }
JSON

PostCSS Config

postcss.config.js
0
0

PostCSS configuration with Tailwind, autoprefixer, and nesting

export default { plugins: { "tailwindcss/nesting": "tailwindcss/nesting", "autoprefixer": {} } };
JavaScript

GitLab CI

.gitlab-ci.yml
0
0

GitLab CI/CD pipeline with stages, caching, and artifacts

stages: - install - test - build - deploy cache: key: files: - package-lock.json paths: - node_modules/ install: script: - npm ci artifacts: paths: - node_modules/ test: script: - npm test coverage: /Coverage: \d+.\d+%/ build: script: - npm run build artifacts: paths: - dist/ deploy: stage: deploy script: - npm run deploy only: - main
YAML

ESLint + Prettier Config

.eslintrc.js
0
0

Unified linting and formatting configuration

module.exports = { extends: ['eslint:recommended', 'plugin:prettier/recommended'], parser: '@babel/eslint-parser', env: { browser: true, es2021: true }, plugins: ['react', '@typescript-eslint', 'prettier'] };
JavaScript

Jest Testing Config

jest.config.js
0
0

Jest configuration with coverage and TypeScript support

module.exports = { preset: 'ts-jest', testEnvironment: 'node', roots: ['<rootDir>/src'], testMatch: ['**/__tests__/**/*.ts', '**/?(*.)+(spec|test).ts'], collectCoverageFrom: ['src/**/*.{ts,tsx}', '!src/**/*.d.ts'], coverageThreshold: { global: { branches: 80, functions: 80, lines: 80, statements: 80 } } };
JavaScript

GitHub Actions CI

.github/workflows/ci.yml
0
0

Complete CI/CD pipeline for Node.js projects with testing and deployment

name: CI on: push: branches: [main] pull_request: jobs: test: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 - uses: actions/setup-node@v4 with: node-version: "20" cache: "npm" - run: npm ci - run: npm test - run: npm run build deploy: needs: test runs-on: ubuntu-latest if: github.ref == "refs/heads/main" steps: - uses: actions/checkout@v4 - run: npm run deploy
YAML

Vite Optimized

vite.config.ts
0
0

High-performance Vite configuration with optimized plugins and build settings

import { defineConfig } from "vite"; import react from "@vitejs/plugin-react"; export default defineConfig({ plugins: [react()], build: { target: "esnext", minify: "esbuild", sourcemap: true, rollupOptions: { output: { manualChunks: { "react-vendor": ["react", "react-dom"], "ui": ["@radix-ui/react-icons"] } } } }, server: { port: 3000, open: true } });
TypeScript

Biome Config

biome.json
0
0

Modern linter and formatter configuration - faster ESLint/Prettier alternative

{ "$schema": "https://biomejs.dev/schemas/1.5.0/schema.json", "vcs": { "enabled": true, "clientKind": "git", "useIgnoreFile": true }, "files": { "ignoreUnknown": false, "ignore": ["node_modules", "dist", "coverage"] }, "formatter": { "enabled": true, "formatWithErrors": false, "indentStyle": "space", "indentWidth": 2, "lineEnding": "lf", "lineWidth": 100 }, "organizeImports": { "enabled": true }, "linter": { "enabled": true, "rules": { "recommended": true, "suspicious": { "noExplicitAny": "warn" }, "style": { "noNonNullAssertion": "warn" }, "correctness": { "noUnusedVariables": "error" } } }, "javascript": { "formatter": { "quoteStyle": "double", "jsxQuoteStyle": "double", "trailingCommas": "all" } } }
JSON

Next.js PWA Config

next.config.js
0
0

Complete Progressive Web App configuration for Next.js

module.exports = { reactStrictMode: true, swcMinify: true, pwa: { dest: 'public', register: true, skipWaiting: true, disable: process.env.NODE_ENV === 'development' } };
JavaScript

GitHub Actions CI/CD

.github/workflows/ci.yml
0
0

Complete CI/CD pipeline with testing and deployment

name: CI on: [push, pull_request] jobs: build: runs-on: ubuntu-latest steps: - uses: actions/checkout@v3 - uses: actions/setup-node@v3 with: node-version: "18" - run: npm ci - run: npm test - run: npm run build - uses: actions/upload-artifact@v3 with: name: build path: dist/
YAML

.dockerignore

.dockerignore
0
0

Optimize Docker builds by excluding unnecessary files

node_modules npm-debug.log .git .env .env.local dist build *.log coverage .nyc_output .vscode .idea *.md !README.md Dockerfile .dockerignore
Ignore

TypeScript Strict Config

tsconfig.json
0
0

Strict TypeScript configuration for type safety

{ "compilerOptions": { "strict": true, "noUnusedLocals": true, "noUnusedParameters": true, "noImplicitReturns": true, "noFallthroughCasesInSwitch": true, "forceConsistentCasingInFileNames": true } }
TypeScript

ESLint Flat Config

eslint.config.js
0
0

Modern ESLint flat config for JavaScript/TypeScript projects

import js from "@eslint/js"; import tseslint from "typescript-eslint"; import prettier from "eslint-plugin-prettier"; export default [ js.configs.recommended, ...tseslint.configs.recommended, { plugins: { prettier }, rules: { "prettier/prettier": "error", "@typescript-eslint/no-unused-vars": ["error", { argsIgnorePattern: "^_", varsIgnorePattern: "^_" }], "@typescript-eslint/no-explicit-any": "warn", "@typescript-eslint/explicit-function-return-type": "off", "@typescript-eslint/explicit-module-boundary-types": "off", "no-console": ["warn", { allow: ["warn", "error"] }] } }, { ignores: ["dist", "node_modules", "coverage", "*.config.js"] } ];
JavaScript

Vite Optimized Config

vite.config.ts
0
0

Production-ready Vite configuration with path aliases

import { defineConfig } from 'vite'; import path from 'path'; export default defineConfig({ resolve: { alias: { '@': path.resolve(__dirname, './src') } }, build: { target: 'es2015', minify: 'terser', sourcemap: true } });
TypeScript

Next.js 15 Config

next.config.ts
0
0

Next.js 15 configuration with Turbopack and experimental features

import type { NextConfig } from "next"; const nextConfig: NextConfig = { // Build Mode experimental: { turbo: { rules: { "*.svg": { loaders: ["@svgr/webpack"], as: "*.js", }, }, }, ppr: "incremental", // Partial Prerendering }, // Images images: { remotePatterns: [ { protocol: "https", hostname: "**.cloudinary.com", }, ], formats: ["image/avif", "image/webp"], }, // Compiler compiler: { removeConsole: process.env.NODE_ENV === "production", }, // Headers async headers() { return [ { source: "/:path*", headers: [ { key: "X-DNS-Prefetch-Control", value: "on" }, { key: "X-Frame-Options", value: "SAMEORIGIN" } ] } ]; }, // Redirects async redirects() { return [ { source: "/old-path", destination: "/new-path", permanent: true, }, ]; }, }; export default nextConfig;
TypeScript

Docker Compose

docker-compose.yml
0
0

Multi-container Docker setup for development and production

version: "3.8" services: app: build: . ports: - "3000:3000" environment: - NODE_ENV=production depends_on: - postgres - redis postgres: image: postgres:15-alpine environment: POSTGRES_DB: app POSTGRES_USER: user POSTGRES_PASSWORD: ${DB_PASSWORD} volumes: - postgres_data:/var/lib/postgresql/data redis: image: redis:7-alpine command: redis-server --appendonly yes volumes: - redis_data:/data volumes: postgres_data: redis_data:
YAML

PM2 Ecosystem Config

ecosystem.config.js
0
0

PM2 configuration for production Node.js apps

module.exports = { apps: [{ name: 'app', script: 'dist/index.js', instances: 'max', exec_mode: 'cluster', env: { NODE_ENV: 'production', PORT: 3000 } }] };
JavaScript

TypeScript Strict Config

tsconfig.json
0
0

Strict TypeScript configuration for maximum type safety

{ "compilerOptions": { // Language "target": "ES2022", "lib": ["ES2022", "DOM", "DOM.Iterable"], "jsx": "react-jsx", // Module Resolution "module": "bundler", "moduleResolution": "bundler", "resolveJsonModule": true, "allowImportingTsExtensions": true, // Type Checking "strict": true, "noUncheckedIndexedAccess": true, "noImplicitOverride": true, "allowUnusedLabels": false, "allowUnreachableCode": false, "exactOptionalPropertyTypes": true, "noFallthroughCasesInSwitch": true, "noImplicitReturns": true, "noPropertyAccessFromIndexSignature": true, "noUnusedLocals": true, "noUnusedParameters": true, // Emit "declaration": true, "declarationMap": true, "sourceMap": true, "removeComments": false, "importHelpers": true, // Interop "esModuleInterop": true, "allowSyntheticDefaultImports": true, "forceConsistentCasingInFileNames": true, "isolatedModules": true, "skipLibCheck": true, // Paths "baseUrl": ".", "paths": { "@/*": ["./src/*"], "@/components/*": ["./src/components/*"], "@/lib/*": ["./src/lib/*"] } }, "include": ["src/**/*"], "exclude": ["node_modules", "dist"] }
JSON

.gitignore

.gitignore
0
0

Comprehensive gitignore for Node.js, Python, and IDE files

# Dependencies node_modules/ npm-debug.log* yarn-debug.log* yarn-error.log* package-lock.json # Python __pycache__/ *.py[cod] *$py.class *.so .Python venv/ env/ *.egg-info/ # IDEs .vscode/ .idea/ *.swp *.swo *~ # Build outputs dist/ build/ .next/ out/ # Environment .env .env.local .env.*.local # Logs logs/ *.log npm-debug.log* # OS .DS_Store Thumbs.db
Ignore

ESLint + Prettier

.eslintrc.json
0
0

Complete linting and formatting setup for modern JavaScript/TypeScript projects

{ "extends": [ "eslint:recommended", "plugin:@typescript-eslint/recommended", "plugin:react-hooks/recommended", "prettier" ], "parser": "@typescript-eslint/parser", "plugins": ["@typescript-eslint", "react-hooks", "react", "jsx-a11y"], "rules": { "react/react-in-jsx-scope": "off", "react-hooks/rules-of-hooks": "error", "@typescript-eslint/no-unused-vars": ["error", { "argsIgnorePattern": "^_" }] } }
JSON

Nginx Reverse Proxy

nginx.conf
0
0

Nginx configuration for reverse proxy with SSL

server { listen 80; server_name example.com; return 301 https://$server_name$request_uri; } server { listen 443 ssl http2; server_name example.com; ssl_certificate /etc/ssl/cert.pem; ssl_certificate_key /etc/ssl/key.pem; location / { proxy_pass http://localhost:3000; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; } }
Nginx

Tailwind CSS

tailwind.config.js
0
0

Tailwind CSS configuration with custom theme and plugins

/** @type {import("tailwindcss").Config} */ export default { content: ["./src/**/*.{js,jsx,ts,tsx}", "./index.html"], theme: { extend: { colors: { primary: { 50: "#f0f9ff", 500: "#0ea5e9", 900: "#0c4a6e" } }, fontFamily: { sans: ["Inter", "sans-serif"], mono: ["Fira Code", "monospace"] } } }, plugins: [ require("@tailwindcss/forms"), require("@tailwindcss/typography") ] };
JavaScript

Tailwind Config with Plugins

tailwind.config.js
0
0

TailwindCSS configuration with custom plugins and themes

module.exports = { content: ["./src/**/*.{html,js}"], theme: { extend: { colors: { primary: "#22d3ee", secondary: "#8b5cf6" } } }, plugins: [ require('@tailwindcss/forms'), require('@tailwindcss/typography') ] };
JavaScript
Showing 8 of 27 configs

Featured Assets

Community favorites with proven results

TEMPLATES
4.9

Next.js 14 Full Stack

Production-ready Next.js 14 with App Router, TypeScript, Tailwind CSS, and shadcn/ui.

12.4k
Next.js TypeScript Tailwind
$ npx create-cekap-app@latest nextjs-fullstack my-app
SNIPPETS
4.8

useLocalStorage Hook

Sync React state with localStorage automatically.

8.2k
React Hooks TypeScript
$ npm install @cekapcoder/hooks
CONFIGS
4.7

ESLint + Prettier

Complete linting and formatting setup for modern JavaScript/TypeScript projects.

6.7k
ESLint Prettier JavaScript
$ npm install -D eslint prettier

Trending This Week

What developers are using right now

#1

Dracula Pro

HOT

Enhanced Dracula theme with high contrast.

#2

GitFlow Pro

Advanced Git workflow automation.

#3

API Blueprint Collection

HOT

RESTful API templates for common patterns.

#4

Debounce Function

Debounce any function for performance.

#5

TypeScript Config

HOT

Strict TypeScript configuration.

#6

Vite Optimized

High-performance Vite configuration.

Contribute Your Assets

Share your templates, snippets, and tools with the community. Get recognition and help fellow developers ship faster.