CodeLite Documentation
Welcome to CodeLite Docs. Learn how to write, run, and debug HTML, CSS, and JavaScript code efficiently with our online editor and live JavaScript console. Explore features, usage guides, and best practices for seamless coding and testing.
Getting Started
Start coding instantly without setup. Open the HTML, CSS, and JS editor panels, write your code, and see live preview results. Use the built-in JavaScript console to run, debug, and test scripts instantly. You can save files individually or download your project.
Step 1: Open Editor
Access the HTML, CSS, and JS editor panels to start writing your code immediately.
Step 2: Write Code
Write your code in the respective panels for HTML, CSS, and JavaScript.
Step 3: Run & Test
Click the 'Run Code' button to execute your code and view output in the live preview. You can also see logs, warnings, and errors in the JavaScript console for instant debugging.
Step 4: Save & Download
Download individual files or your project for offline use or sharing. The console logs can help you ensure your code works before saving.
Features
Live Preview
Instantly view your HTML, CSS, and JS output as you type in the editor panels.
JavaScript Console
Run, debug, and test JavaScript code instantly. View logs, warnings, and errors in the built-in console for seamless debugging.
Download Options
Download individual files or zip the whole project for offline use and sharing.
Copy & Share
Quickly copy your code snippets to share with teammates or instructors.
Lightweight & Fast
Minimal setup, fully browser-based editor for quick prototyping and learning.
Usage Instructions
HTML Panel
Write HTML structure here. All changes are reflected in the live preview.
CSS Panel
Write CSS styles. You can see changes in real-time without refreshing the page.
JS Panel
Add JavaScript code to make your webpage interactive. Use the Run button to see results instantly.
JS Console
Use the built-in console to log, debug, and test your JavaScript code instantly. See errors, warnings, and output directly below the editor.