ASafariM DevTools
Welcome to ASafariM DevTools 👋
Browse all npm packages published under the @asafarim scope. Click any package in the sidebar or below to open its live demo, install command, and documentation links.
UI Components
(15)A minimal, elegant dropdown menu React component with recursive nesting, multiple themes, custom triggers, keyboard navigation, and accessibility support.
React toast notification system for ASafariM frontends.
Responsive, customisable React progress bar components built on top of ASafariM design tokens.
Responsive, paginated vertical changelog timeline using ASafariM design tokens.
Reusable, framework-agnostic React navigation components (navbar, sidebar, drawer, dropdown) for ASafariM apps and beyond.
A collapsible sidebar component for React applications.
Comprehensive reusable dropdown components for React with TypeScript and mobile-first design.
A modern, accessible, reusable React + TypeScript country & language selector for navbars.
Google Calendar-style booking UI for scheduling and appointment management.
A React component for displaying project cards with title, image, description, tech stack, and links.
A responsive React component for displaying paginated project cards with built-in search functionality.
A React component for displaying syntax-highlighted code blocks with copy functionality and theme support.
A robust, fully-typed React component and headless hook to display password strength rules in real time.
A comprehensive React TypeScript package for GDPR/CCPA privacy consent management with customizable UI components.
A versatile React navigation component with unlimited multi-level dropdowns, four alignment options, mobile responsiveness, and customizable styling.
Theming & Design
(4)ASafariM design tokens (CSS variables) with multi-theme support and 30 variable fonts (100-900).
A comprehensive theme management system for React applications with automatic dark/light mode detection, custom theme creation, and smooth transitions.
A shared design tokens package (pure CSS variables) for use across multiple projects.
A React package for theme switching between light and dark modes, utilizing a context provider and a switcher component.
Markdown & Docs
(5)A professional markdown viewer with file tree navigation, directory content browsing, and advanced YAML front matter support.
A flexible markdown viewer with support for both standalone and integrated routing use cases.
A reusable React component for exploring and viewing markdown files with file tree navigation.
Utility functions for markdown processing, metadata extraction, and content parsing.
A TypeScript package for recursively exploring markdown files and folders with lazy loading capabilities.
CLI Tools
(5)Secure, age-based encryption/decryption for .env files across multiple environments and monorepo app folders.
Convert your project into a beautifully formatted Markdown file — CLI tool for directory export.
Pure utilities for file discovery and folder tree generation. No runtime dependencies.
Express API wrapper for MD Exporter with tree generation capabilities.
Export files from a target folder into a single Markdown file.
Shared Libraries
(3)Shared components and utilities for ASafariM web applications.
A shared i18n package for React applications (i18next-based).
A lightweight, environment-agnostic logging utility shared across all ASafariM applications.
Built with Next.js 16 · React 19 · Tailwind CSS 4 · TypeScript 7