HTML

CSS

JavaScript

17:42

Ask AI

Add tasks, set goals and, keep track of progress

All Pending Completed

    Change code font size.

    1
    5

    Code highlighting themes.

    Code highlighting themes.

    Editor Preferences

    Save Settings

    General

    A
    A
    A
    A
    A

    Windows

    Performance

    Default delay: 2 seconds

    2 seconds

    Maximize Editor screen real-estate with this layout.

    Includes variables in autocomplete suggestions.

    These settings are applied globally to your account.

      • CodeJS Projects
      • JavaScript Logic
      • In Code
      • Web Search
      • Snippets
      • Videos
      • StackOverflow
      • Headers
      • Footers
      • Buttons
      • Checkboxes
      • Cards
      • Forms
      • Toggles
      • Loaders
      • Inputs
      • Radio Buttons
      • Web Images
      • JavaScript
      • HTML
      • CSS
      • DOM
      • Web Api
      • Tutorials
      • Q&A
      • Articles
      • Most Popular
      • Most Forked
      • Most Upvoted

      Related searches

      Related search term

      Related search term

      Related search term

      Related search term

      Related search term

      Related search term

      Related searches

      Related search term

      Related search term

      Related search term

      Related search term

      Related search term

      Related search term

      Image "src" copied to clipboard.
      File Forked Successfully This file has been forked successfully.
      Would you like to open your fresh fork in a new tab?

      Name your file.

      Keyboard Shortcuts

         Mac OS

      ⌘ cmd   +   o  Toggle full-screen code.
      ⌘ cmd   +   f  Toggle full-screen live preview.
      ⌘ cmd   +   b  HTML tab focus.
      ⌘ cmd   +   h  CSS tab focus.
      ⌘ cmd   +   u  JavaScript tab focus.
      ⌘ cmd   +   j  Run JavaScript logic.
      ctrl   +   i  Open console.

         Linux

      ctrl   +   o  Toggle full-screen code.
      ctrl   +   f  Toggle full-screen live preview.
      ctrl   +   b  HTML tab focus.
      ctrl   +   h  CSS tab focus.
      ctrl   +   u  JavaScript tab focus.
      ctrl   +   j  Run JavaScript logic.
      ctrl   +   i  Open console.

         Windows

      ctrl   +   o  Toggle full-screen code.
      ctrl   +   f  Toggle full-screen live preview.
      ctrl   +   b  HTML tab focus.
      ctrl   +   h  CSS tab focus.
      ctrl   +   u  JavaScript tab focus.
      ctrl   +   j  Run JavaScript logic.
      ctrl   +   i  Open console.

      ReadMe.txt

      Share it, & make your code useful to others

      Spread the love , & help grow the community.

      CodeJS screen recorder and tutorials automation tool.

        Smart

        Automated

        Free


        Click on the "Start Manual Recording" button if you plan on typing in the code manually. When you are done, click on the green camera icon    at the top of the screen to stop the recording and download your video.

       Classic Screen Recording


        Paste your code in the corresponding language fields & click on the "Start Automated Recording" button. Now relax and wait for your video & download button to appear on screen.

       Automated Screen Recording  

      Experimental feature

      HTML

      CSS

      JS