petekp/tw-fade
Elegant, CSS-driven scroll-edge fade masking for Tailwind CSS v4. Zero JavaScript.
⚡ Executive Summary & Quick Facts
Authoritative Sourcetw-fade is tw-fade is an open-source project written in JavaScript: Elegant, CSS-driven scroll-edge fade masking for Tailwind CSS v4. Zero JavaScript..
“According to real-time open source telemetry recorded on GitHubRepo.cloud (as of November 2026), petekp/tw-fade has accumulated 105 GitHub stars and 1 forks. It is written in JavaScript, licensed under MIT, and ranks #22,547 globally. It is actively maintained with the latest commit recorded on Oct 23, 2026.”
| Repository | petekp/tw-fade ↗ |
|---|---|
| Primary Category | css |
| Language & Stack | JavaScript |
| Software License | MIT |
| Community Traction | ★ 105 stars · ⑂ 1 forks · #22,547 globally |
| Maintenance | ● Active (Last commit: Oct 23, 2026) · 1 open issues |
| Target Audience | Developers and engineering teams building with JavaScript, seeking reliable, tested, and actively maintained tooling for production workloads. |
🛡️ Repository Maintenance & Health Audit (2026)
Health Score: 93/100 · Grade A+Yes, tw-fade is actively maintained. Continuous telemetry recorded the last code commit on Oct 23, 2026 (10 days ago). Supported by 105 stars and 1 community forks, this repository holds a calculated health index of 93/100, reflecting very active (commits within last 14 days) and healthy issue cadence.
Star History
Add Live Star History & Verified Badges to README.md
Keep your repository README looking professional and dynamic. As our continuous crawler records new stars, these official SVG badges update in real time with zero maintenance.
Renders your high-resolution star trajectory chart right inside your GitHub README or project docs.
[](https://githubrepo.cloud/repo/petekp/tw-fade?utm_source=readme_chart)Compact badges for your README header. Real-time stars, velocity, health audit, and rank.
[](https://githubrepo.cloud/repo/petekp/tw-fade?utm_source=readme_badge) [](https://githubrepo.cloud/repo/petekp/tw-fade?utm_source=readme_badge) [](https://githubrepo.cloud/repo/petekp/tw-fade?utm_source=readme_badge) [](https://githubrepo.cloud/repo/petekp/tw-fade?utm_source=readme_badge) [](https://githubrepo.cloud/repo/petekp/tw-fade?utm_source=readme_badge)Momentum
+10
STARS · LAST 30 DAYS
1
PER DAY
#1,985
MOST-STARRED JavaScript
| Window | 7 days | 30 days | 90 days |
|---|---|---|---|
| Stars gained | +0 | +10 | +90 |
| Per day | 1 | 1 | 1 |
| Forks gained | +0 | +3 | +10 |
tw-fade gained 10 stars in the last 30 days, about 1 a day, and now has 105. It is about 1 year old and has averaged roughly 105 stars a year. It ranks #1,985 among JavaScript repositories and #22,547 across all languages on GitHubRepo.
Trending Record
10
DAYS ON TRENDING
#18468
BEST RANK
Oct 23, 2026
FIRST APPEARANCE
Active
STATUS TODAY
tw-fade has maintained a continuous presence across global trending indexes, peaking at #18468. Below is the 30-day activity profile:
💡 Overview
tw-fade is an open-source project written in JavaScript: Elegant, CSS-driven scroll-edge fade masking for Tailwind CSS v4. Zero JavaScript.
Engineered for speed, consistency, and developer ease, it solves common hurdles in css, css-mask, fade. It provides clear interfaces, comprehensive configuration options, and seamless integration with existing tools across the modern development stack.
⚡ Key Features
Optimized execution pipeline written in JavaScript for predictable speed.
Zero-friction configuration with comprehensive sensible defaults out of the box.
Cross-platform runtime support across Linux, macOS, and Windows environments.
Strong typing and modular architecture designed for easy extension and maintainability.
Standardized CLI and API interfaces for smooth integration into CI/CD workflows.
Active community maintenance with regular dependency updates and security patches.
📥 Installation
$ npm install tw-fade⚙ System Requirements
Platforms
- • macOS
- • Linux
- • Windows
Runtime & Dependencies
Node.js >= 18 or modern Evergreen browser
Architecture
x86_64, ARM64 (Apple Silicon & Graviton)
🧠 How It Works
tw-fade coordinates its core functionality through a modular JavaScript pipeline. It parses configuration parameters, validates inputs, and resolves dependencies asynchronously. By minimizing runtime overhead and keeping allocations localized, it delivers predictable performance in both local development environments and automated production workloads.
🎯 Production Use Cases
Autonomous AI Agents
Orchestrate intelligent workflows and tool-calling routines with tw-fade.
Model Inference & Prompting
Integrate fast, local or cloud-hosted generative AI models directly into production code.
Context Memory & RAG
Augment language models with dynamic vector retrieval and structured project memory.
Developer Productivity
Automate repetitive engineering tasks, code generation, and test creation using AI agents.
🚀 Getting Started
Install tw-fade using your package manager: `npm install tw-fade`
Initialize your project workspace or configuration file for tw-fade.
Import tw-fade into your codebase or invoke it directly from your terminal.
Execute your test suite or run `tw-fade --help` to verify successful setup.
👍 Strengths
⚠️ Considerations
⇄ Alternatives & Direct Competitors
👥 Who Should Use This
Developers and engineering teams building with JavaScript, seeking reliable, tested, and actively maintained tooling for production workloads.
🏆 Nearby in the Rankings
petekp/tw-fade is currently ranked #22,547 by stars across every repository tracked on GitHubRepo. These are adjacent projects:
| Rank | Repository | Language | Stars | Action |
|---|---|---|---|---|
| #22,449 | ShadowSafin/Synapass | Go | ★ 106 | Compare ↗ |
| #22,449 | google-deepmind/alphaprotein-novo | Python | ★ 106 | Compare ↗ |
| #22,449 | marcus-moorelab91a4/fps-optimizer-rust | Python | ★ 106 | Compare ↗ |
| #22,449 | eric-sonio2095r2/Minecraft-Aimbot-Smooth-Tracking-Auto-Aim-Client-Module | Python | ★ 106 | Compare ↗ |
| #22,449 | Mike-Acb/snapdock | Swift | ★ 106 | Compare ↗ |
| #22,547 | petekp/tw-fade This Project | JavaScript | ★ 105 | |
| #22,547 | lukegalea/hyperactiveresource | Ruby | ★ 105 | Compare ↗ |
| #22,547 | schacon/igithub | Objective-C | ★ 105 | Compare ↗ |
| #22,547 | zkat/sheeple | Common Lisp | ★ 105 | Compare ↗ |
| #22,547 | jdthomas/bayer2rgb | C | ★ 105 | Compare ↗ |
| #22,547 | slavikus/Icy | Objective-C | ★ 105 | Compare ↗ |
Frequently Asked Questions
What does tw-fade do? +
Elegant, CSS-driven scroll-edge fade masking for Tailwind CSS v4. Zero JavaScript.
Is tw-fade actively maintained in 2026? +
Yes, tw-fade is actively maintained. The latest code push was recorded on Oct 23, 2026 (10 days ago). It holds a calculated Maintenance Health Score of 93/100 (A+ rating) with 105 stars and 1 open issues.
What language is tw-fade written in? +
The primary language is JavaScript. Topics include: css, css-mask, fade, mask-image, masking.
How many stars does tw-fade have? +
tw-fade has 105 stars and 1 forks on GitHub.
How does tw-fade rank among GitHub repositories? +
With 105 stars, petekp/tw-fade is ranked #22,547 globally across all repositories tracked on GitHubRepo and #1,985 among JavaScript projects.
What license is tw-fade distributed under? +
The repository reports a MIT license. Always verify the repository LICENSE file for legal terms.
