My Code — Personal HTML CSS JS Code Space

If you are learning HTML, CSS, or JavaScript, one of the hardest problems is where to keep what you have learned. Notes get lost. CodePen links scatter across browser tabs. Copy-pasted snippets disappear into dead text files. My Code solves this — it is a personal, private, always-available code space built into the UI Snippets tool where you save your work, practice new techniques, and build your own collection of reusable components over time.

For learners: the fastest way to understand frontend code is to read it, break it, and make it yours. My Code gives you 1658+ real-world HTML, CSS, and JavaScript components to learn from. Open a magnetic button — it teaches real-time vector math. Open a CSS aurora background — it teaches mix-blend-mode and @keyframes. Open an OTP input — it teaches DOM focus management. Load any snippet, change values, remove lines, add your own styles, and watch what breaks and what improves in the live preview. Then save your version with the name of the technique you just learned. Next time you need it, it is already there, already understood, already yours. Pair this with the HTML Playground or CSS Playground to go deeper on individual languages.

For practitioners: stop rewriting the same things from memory on every project. The patterns you reach for on every project — a loading state, a dropdown, a card layout, a responsive nav — should not live in your head or inside old project folders. Save your best version of each one to My Code, name it clearly, and paste it into any new project in seconds. Every snippet you save is fully editable at any time. Your personal library grows with you.

Create from scratch, not just from templates. My Code is not just a place to save library snippets. Click + Create new and you get a completely blank HTML, CSS, and JavaScript editor with live preview. No template, no boilerplate, no framework. Write anything — a widget you are experimenting with, a layout idea you want to test, a JavaScript technique you are practising. Save it when it works. Come back and improve it later.

Everything stays in your browser. My Code uses your browser's IndexedDB — a local database built into every modern browser. No account required, no sign-up, no data uploaded to any server. Your snippets are as private as a file on your desktop. Close the tab, restart your computer, come back three months later — your code is still there.

Add any external library via CDN. Practising GSAP animations? Learning Three.js? Testing Alpine.js? Every snippet in My Code has a CDN panel where you paste any JS or CSS CDN URL — the library loads instantly in the preview. If you want to go deeper on CSS specifically, the CSS Animation Generator can help you generate keyframe code to paste in. Common libraries like Bootstrap, Tailwind, jQuery, GSAP, D3, and Chart.js are available as one-click suggestions. Your CDN links are saved with each snippet so they reload automatically every time you open it.

Take your code anywhere with GitHub Gist sync. Connect a GitHub personal access token (gist scope only) and your entire collection backs up to a private GitHub Gist. The sync runs automatically every 3 minutes while the tab is open. On a new device, enter your token and Gist ID and your full library restores instantly. Your code follows you without any FWD Tools account, subscription, or cloud service involved.