Alternatives

Products that do what Browse and edit CodePens entirely within VS Code does

1. 1
   VSCode Notion▲292

   Notion, right inside your favorite code editor

   2021

2. 2DF
   Dendron – fast open-source note-taking in VSCode▲237

   2021 · wiki.dendron.so

3. 3AV
   A VSCode Extension to edit HTML visually in real-time▲231

   2024 · github.com

4. 4
   Save Code in VS Code▲128

   Save, view & sync snippets. Using keyboard shortcuts.

   2021

5. 5CA
   CodeSwing – A CodePen-like interactive playground, built into VS Code▲159

   2020 · github.com

6. 6PT
   Python Tools for Visual Studio▲139

   2012 · pytools.codeplex.com

7. 7CA
   Crossnote – a note taking extension for VSCode▲97

   2020 · github.com

8. 8FC
   Free Code Editor for Pair Programming with Compilers and Autocomplete▲71

   2015 · codepad.remoteinterview.io

9. 9CE
   Collaboratively Edit Diagrams in VS Code with Draw.io▲142

   2020 · github.com

10. 10CS
    CodePen-Style React Apps in VS Code▲12

    2018 · github.com

11. 11OC
    Online C/C++ Code Browser▲72

    2016 · code.woboq.org

12. 12TI
    Taking interactive programming tutorials within VS Code▲5

    2020 · twitter.com

13. 13VL
    VSCode like editor in an extension. Make code alterations fast▲6

    2023 · chrome.google.com

14. 14CF
    CodePicnic: Full-stack code containers running in your browser▲25

    2015 · codepicnic.com

15. 15AC
    A Collaborative Code Editor (like EtherPad with Syntax Highlighting)▲46

    2012 · snucode.com

16. 16AB
    A bookmarklet for Jimmy-rigging Github's editor with Vim mode▲46

    2011 · misfo.github.com

17. 17LC
    Lightweight C++ editor that understands your code▲44

    2015 · slededit.com

18. 18GW
    GHEdit: web-based GitHub-integrated code editor forked from VS Code▲8

    2016 · spiffcode.github.io

19. 19WC
    Web code editor with live help from expert developers▲15

    2017 · habemus.io

20. 20IB
    I built this vscode extension to manage tasks in TODO.md▲5

    2020 · marketplace.visualstudio.com

21. 21UV
    Use VS Code to Check in with Yourself▲6

    2022 · stateful.com

22. 22GV
    Grok (VSCode Extension) Code-Centric Documentation in the IDE▲37

    2021 · trygrok.com

23. 23GC
    Googling Code the Fast Way (Sublime Text Plugin)▲6

    2016 · instagoogling.com

24. 24IC
    Instantly change the design of your web site, choose design in VS Code▲5

    2023 · youtube.com

Ranked by how close each launch is in meaning, then by votes. Refine with a description →