Open SourceOpen Source Projects
Published npm libraries for Vue, React, SCSS, and Unicode tooling, all open, typed, and documented.
RevOps AI
AI Sales CRM built on Notion with Gemini MCP
Revenue Operations platform where Notion is the database and Gemini 2.5 Flash is the AI sales agent. Kanban pipeline, AI lead scoring, pre-call briefings, and natural language deal management — all powered by 22 Notion operations through the Model Context Protocol.
- Notion as the CRM database — no proprietary lock-in, you own your data
- Gemini 2.5 Flash autonomously chains 22 Notion MCP operations per request
- Drag-and-drop Kanban pipeline synced to Notion in real-time via MCP
- One-click AI lead scoring (0–100) with written reasoning, saved to Notion
AINotionMCPNext.jsGeminiCRMRevOps
use-local-llm
React hooks for streaming local LLM responses
React hooks for streaming responses from local LLMs — Ollama, LM Studio, llama.cpp, and any OpenAI-compatible endpoint. Direct browser-to-localhost streaming with no server, no API routes, and zero runtime dependencies beyond React.
- Direct browser → localhost streaming — no server, no API routes
- Multi-backend: Ollama, LM Studio, llama.cpp, OpenAI-compatible
- Full chat state — message history, abort, clear, error handling
- Token-by-token streaming with onToken callbacks
ReactTypeScriptAILLMOllamaStreaming
$ pnpm add use-local-llm
vue-multiple-themes
Dynamic multi-theme support for Vue 2 & 3
Dynamic multi-theme support for Vue 2.7+ and Vue 3 via CSS custom properties. Ships with 7 preset themes, a TailwindCSS plugin, WCAG contrast utilities, a reactive composable API, and zero runtime dependencies beyond Vue.
- Vue 2.7+ and Vue 3 via vue-demi
- 7 preset themes — light, dark, sepia, ocean, forest, sunset, winter
- Dynamic theme generation from a single brand color
- WCAG contrast utilities (lighten, darken, contrastRatio, autoContrast)
VueTypeScriptCSSThemesTailwindCSS
$ pnpm add vue-multiple-themes
vue-star-rate
Zero-dependency Vue 3.5+ star rating component
WCAG 2.2 accessible star rating for Vue 3.5+ — TypeScript-first, half-star precision, Lucide/FontAwesome/custom icon providers, full keyboard navigation, and zero runtime dependencies.
- Half-star precision with visual half-fill support
- Five size presets: xs · sm · md · lg · xl
- Lucide, FontAwesome, or custom icon providers via slot/render fn
- WCAG 2.2 — role=group, aria-pressed per star, aria-live counter
VueTypeScriptAccessibilityRatingComponent
$ pnpm add vue-js-star-rating
dirham
UAE Dirham sign (U+20C3) as web font, CSS & React component
The UAE Dirham currency symbol (U+20C3, Unicode 18.0) as a web font, CSS utility class, and React component. Future-proof: the font is automatically dropped when operating systems ship native Unicode 18.0 glyph support in September 2026.
- DirhamSymbol — inline SVG, SSR-compatible, tree-shakeable
- DirhamIcon — font-based React component
- CSS @font-face + .dirham-symbol helper class
- SCSS @use entry point for Sass projects
ReactTypeScriptUnicodeCurrencyFontUAE
$ pnpm add dirham
scss-helper
Modern SCSS/CSS utility toolkit filling Tailwind's gaps
A modern SCSS/CSS utility toolkit complementing Tailwind CSS v3/v4 — design tokens, fluid clamp() typography, container queries, dark mode, golden ratio layouts, animations, and a 12-column grid. All classes use an sh- prefix. Only 5.1 KB gzipped.
- 30+ CSS custom properties for colors, spacing & typography
- 12-column CSS grid with responsive breakpoints and auto-fit layouts
- Fluid clamp()-based typography — no breakpoints needed
- Dark mode: data-theme attribute + prefers-color-scheme dual strategy
SCSSCSSGridTypographyTailwindCSSDesign Tokens
$ pnpm add scss-helper
