Loading page
13 sản phẩm
Generate a complete color palette from a single hex input using TypeScript and React. This tool creates an 11-stop shade scale, semantic design tokens with CSS variables, and WCAG contrast analysis to ensure accessibility compliance. Built with Chroma.js for color math, Framer Motion for smooth animations, and Tailwind CSS for styling—perfect for designers and developers building cohesive design systems. Licensed under Tetrees License.
Measures cognitive load from task descriptions using transformer-based NLP classification, then visualizes your mental capacity across four zones (Clear, Caution, Warning, Overload) with real-time gauges and AI-powered suggestions. Built with React, TypeScript, and Xenova Transformers for client-side ML inference, it tracks daily patterns, defers overwhelming tasks, and provides actionable insights without server dependencies. Perfect for developers, knowledge workers, and anyone managing complex workloads who want data-driven task prioritization. Licensed under Tetrees License.
Track your sleep debt with real-time visualizations and personalized recovery strategies. Built with React, TypeScript, and Recharts, this dashboard displays cumulative debt trends, recovery projections, sleep quality metrics, and a 12-week heatmap to identify patterns. Perfect for sleep-conscious developers who want data-driven insights into their rest cycles and actionable steps to optimize recovery. Licensed under Tetrees License.
A TypeScript React journal app that tracks daily gratitude entries with streak counting, semantic duplicate detection using AI embeddings, and visual analytics. Features include a calendar view, weekly reflection summaries, and smooth animations with Framer Motion and Tailwind CSS. Built with Vite and includes offline-capable AI model loading for intelligent entry comparison. Licensed under Tetrees License.
React + TypeScript salary projection tool that models multiple career paths with inflation-adjusted forecasts, interactive Recharts visualizations, and an on-device AI consultant powered by Flan-T5. Compare up to 5 career scenarios side-by-side with job events (promotions, layoffs, freelance periods), view year-by-year timelines, and export projections as PDFs—all locally, no server required. Built with Vite, Framer Motion, and jsPDF for professionals planning long-term earnings strategies.
Idea Clustering Board
Real-time typing speed and accuracy test built with React and TypeScript. Features multiple test modes (words, quotes, numbers), customizable word counts or time limits with live WPM and accuracy tracking, and a responsive dark UI with Tailwind CSS. Perfect for developers building typing applications or learning React hooks and state management patterns. Licensed under Tetrees License.
AI-powered regex tester and explainer built with React, TypeScript, and Tailwind CSS v4. Test patterns with live match highlighting, get Chrome's built-in Gemini Nano AI to explain regex tokens and generate patterns from plain English, save snippets to localStorage, and share state via URL—all client-side with no backend. Perfect for developers who want to master regex patterns interactively with AI assistance. Licensed under Tetrees License.
SaaS pricing calculator
TypeScript frontend for a 6-step freelance rate calculator built with React, Vite, and Tailwind CSS. Features animated step progression, expense tracking across 11 categories, tax/VAT configuration, work schedule inputs, and profit margin calculations with customizable rounding options. Includes error handling, form validation, and PDF export capabilities via html2canvas and jsPDF. Licensed under Tetrees License.
TypeScript frontend for a fantasy world-building wiki app built with React, Vite, and Tailwind CSS. Features a responsive sidebar with collapsible entry sections (characters, locations, factions, events), animated cards with Framer Motion, and a markdown-based content system with internal linking. Includes error handling, loading states, and export functionality for managing interconnected world-building data.
Chain package: frontend (Smart Habit Tracker with AI Nudges — frontend) + backend (Smart Habit Tracker with AI Nudges — backend)
Analyze your resume against job descriptions with instant semantic matching powered by in-browser AI. This full-stack TypeScript application uses Transformers.js to compute cosine similarity, extract keyword gaps, flag ATS compatibility issues, and deliver sub-score breakdowns—all 100% client-side with zero data transmission. Built with React 18, Vite, and Tailwind CSS on the frontend, backed by an Express API for optional extensibility.