CyCode
"Alone, Live, and Great"
CyCode (formerly known as Studios Code and the word being a portmanteau of "Cyril Code") is an HTML editor, Markdown editor, and WYSIWYG editor with a primary focus on web development.
CyCode is a web-based HTML Editor, Markdown Editor, and WYSIWYG Editor, It is written in HTML, CSS, and JavaScript. It was created and developed on December 23, 2021, by Cyril John Magayaga. You are open the cycode.html.
The August 20, 2022 was first new redesign, beautiful, and colorful code editor in the Philippines.
Support programming, markup, and script languages
| HTML | CSS | JavaScript | Markdown | WYSIWYG |
|---|---|---|---|---|
| Yes | Yes | Yes | Yes | Yes |
Browser supports
| Google Chrome | Opera | Mozilla Firefox | Microsoft Edge | Apple Safari | Brave Browser | Arc Browser |
|---|---|---|---|---|---|---|
| A+ | A+ | A+ (Gecko) | A+ | A+ (WebKit) | A+ | A+ |
Operating system supports
| Windows | Linux (Linux Distros) | macOS |
|---|---|---|
| Yes | Yes | Yes |
Web server support
| Serve | Parcel | Parcel bundler | Webpack | React scripts |
|---|---|---|---|---|
| Yes | Yes | Yes (with Docs) | No | No |
😁 Quick Start
Several quick start options are available:
Download the latest release-
Clone the repo:
- Git:
git clone https://github.com/Magayaga/CyCode.git - GitHub Desktop:
gh repo clone Magayaga/CyCode - Git Bash/Linux Terminal:
unzip https://github.com/Magayaga/CyCode/archive/v2.0.5.zip -
Windows:
- Step 1:
Download the latest release - Step 2: Open File Explorer and find the compressed folder.
- Step 3: To unzip the entire folder, right-click to select Extract All, and then follow the instructions. You can also select Extract All from the command ribbon.
- Step 4: To decompress a single file or folder, double-click the compressed folder to open it. Then, drag or copy the item from the compressed folder to a new location.
- Step 1:
- Git:
🏗️ Build CyCode
# Download the CyCode
$ git clone https://github.com/Magayaga/CyCode.git
# Change directory
$ cd CyCode
# Install all packages in npm
$ npm install
# Build and run a electron framework application
$ npm run cycode
📄 Documentation of CyCode (Vanilla TypeScript)
Change directory, download, and npm:
$ cd docs\vanilla-typescript
$ npm install
$ npm run start
📦 Installing CyCode
You can install this package with npm.
# Could it be an older or newer version?
npm install --save-dev electron
npm install --save-dev electron-packager
License
Copyright ©2021-2025 Cyril John Magayaga. All rights reserved.
Licensed under the MIT license.