{"id":20771698,"url":"https://github.com/rishabh3562/codelenz","last_synced_at":"2026-05-27T18:32:33.922Z","repository":{"id":261764678,"uuid":"885267576","full_name":"rishabh3562/CodeLenz","owner":"rishabh3562","description":"A powerful tool to bring code structure into focus with vibrant, interactive visualizations. Enhance readability, spot patterns, and gain insights like never before.","archived":false,"fork":false,"pushed_at":"2024-11-28T11:55:28.000Z","size":479,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-11T20:19:56.588Z","etag":null,"topics":["code","codeanalyzer","javascript","nextjs","nextjs14","project","tailwindcss","tools","web-tool","website"],"latest_commit_sha":null,"homepage":"https://codelenz.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"agpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rishabh3562.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-08T09:18:32.000Z","updated_at":"2024-11-28T11:55:32.000Z","dependencies_parsed_at":"2025-01-18T07:12:24.211Z","dependency_job_id":"595a2182-6e4e-4247-af15-597fad4db738","html_url":"https://github.com/rishabh3562/CodeLenz","commit_stats":null,"previous_names":["rishabh3562/codelenz"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rishabh3562/CodeLenz","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishabh3562%2FCodeLenz","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishabh3562%2FCodeLenz/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishabh3562%2FCodeLenz/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishabh3562%2FCodeLenz/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rishabh3562","download_url":"https://codeload.github.com/rishabh3562/CodeLenz/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishabh3562%2FCodeLenz/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33579665,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-27T02:00:06.184Z","response_time":53,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["code","codeanalyzer","javascript","nextjs","nextjs14","project","tailwindcss","tools","web-tool","website"],"created_at":"2024-11-17T12:16:18.263Z","updated_at":"2026-05-27T18:32:33.907Z","avatar_url":"https://github.com/rishabh3562.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CodeLenz\n\n\u003e **Bringing Code Clarity into Focus**\n\n## Table of Contents\n\n- [Overview](#overview)\n- [Key Features](#key-features)\n- [How It Works](#how-it-works)\n- [Tech Stack](#tech-stack)\n- [Getting Started](#getting-started)\n  - [Installation](#installation)\n  - [Usage](#usage)\n- [Contributing](#contributing)\n- [License](#license)\n\n## Overview\n\n**CodeLenz** is a Next.js web application that transforms code into interactive, colorful visualizations. By highlighting various elements and structures within the code, CodeLenz makes it easier to read, analyze, and engage with complex codebases.\n\n## Key Features\n\n- **Segmented Visualization**: Automatically color-codes segments like keywords, functions, variables, and more.\n- **Enhanced Readability**: Distinct color highlights for different code components.\n- **Interactive Timeline**: Zoom into specific code lines and hover for details.\n- **Dark Mode Toggle**: Switch between dark and light themes for a personalized experience.\n- **Image Export**: Capture and download the visualized timeline as an image.\n\n## How It Works\n\n1. **Input Code**: Paste or type your code into CodeLenz.\n2. **View Timeline**: Code is broken down into color-coded segments, making structure and patterns clear.\n3. **Export and Share**: Download the visualized timeline as an image for easy sharing.\n\n## Tech Stack\n\n- **Frontend**: Next.js with React, using Tailwind CSS for styling.\n- **Editor \u0026 Visualization**: Ace Editor for code input and D3.js for custom color-coded segments.\n- **Libraries**: `html2canvas` for exporting visualizations, `lucide-react` for icons.\n\n## Getting Started\n\n### Installation\n\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/rishabh3562/CodeLenz.git\n   ```\n2. Install dependencies:\n   ```bash\n   cd codelenz\n   npm install\n   ```\n3. Run the development server:\n   ```bash\n   npm run dev\n   ```\n\n### Usage\n\n1. Open `http://localhost:3000` in your browser.\n2. Paste or type your code to see the interactive visualization.\n3. Use the toolbar options to export the timeline or switch themes.\n\n## Contributing\n\nContributions are welcome! If you have ideas for new features or improvements, please open an issue or submit a pull request.\n\n## License\n\nThis project is licensed under the **AGPL-3.0 License** - see the [LICENSE](./LICENSE) file for details.\n\n### AGPL-3.0 License Summary:\n\nThe **Affero General Public License (AGPL-3.0)** is a free software license designed to ensure that the source code of a project remains open and freely available, even if the software is used over a network.\n\n- **You are free to use, modify, and distribute** the software, provided that you include the source code when distributing it or when you provide it to users over a network.\n- **You must make your modified source code available** if you modify and use the software to offer services over a network.\n- If you **distribute the software or modified versions**, you must do so under the same AGPL-3.0 license.\n\n### Consequences of AGPL-3.0:\n\n1. **Network Use Requirement**: If you run the software on a server and provide access to others over the internet (i.e., software as a service), you are required to make the source code available to the users of your service.\n2. **Modification Disclosure**: If you modify the software and distribute it, or make it available over a network, you must provide the modified source code under the same AGPL-3.0 license.\n3. **No Proprietary Use**: You cannot convert the software into proprietary software. All copies, modifications, or derivative works must remain open and licensed under the AGPL-3.0.\n\nFailure to comply with the terms of the AGPL-3.0 license can result in legal consequences, including the loss of rights to use, modify, or distribute the software.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frishabh3562%2Fcodelenz","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frishabh3562%2Fcodelenz","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frishabh3562%2Fcodelenz/lists"}