Clean three-way split
Inline style and script blocks are pulled out into their own files. Your HTML keeps a link or script tag in the exact same spot.
Free online HTML code splitter
Split one HTML file into HTML, CSS and JavaScript.
Paste your code or import a file. CodeSplitterDex separates it into clean files, keeps everything working, and hands you a ready-to-use ZIP.
100%In your browser
0Uploads or sign-ups
FreeNo limits
The tool
HTML to CSS and JS splitter
Add your code below. Nothing leaves your device.
Why CodeSplitterDex
Built for developers who care about clean projects.
Turn a single-file page into a proper project structure without copying and pasting by hand.
Private by design
Everything runs in your browser. Your code is never uploaded, stored or shared with anyone.
Live preview
See the split project running before you download, so you know nothing broke along the way.
Organised ZIP
Get one tidy folder named CodeSplitterDex with all your files inside, ready to open or deploy.
Instant results
No queue and no waiting. Even large pages are split in a fraction of a second.
Works on any device
Paste, import and download from your phone, tablet or desktop with the same smooth experience.
How it works
Three steps. That is all.
01
Add your code
Paste your full HTML into the editor, or import an .html file from your computer.
02
Split it
Press Split code. CSS and JavaScript are extracted and re-linked in place.
03
Check and download
Open the Live preview, then download the ZIP with your project folder.
FAQ
Frequently asked questions
What does CodeSplitterDex do?
CodeSplitterDex takes a single HTML file that contains inline style and script blocks and separates it into index.html, style.css and script.js. You then download everything as one ZIP file.
Will my code still work after it is split?
Yes. Every extracted block is replaced by a link or script tag in the exact same position, so load order and the CSS cascade stay the same. The Live preview tab re-links the files so you can check the result before you download.
Is my code uploaded to a server?
No. The splitting, the preview and the ZIP creation all happen inside your browser. Your code never leaves your device.
Can I import an HTML file instead of pasting?
Yes. Use the Import file button or drag and drop an .html, .htm or .txt file onto the editor box. It is split automatically after it loads.
What is inside the downloaded ZIP file?
The ZIP contains one folder named CodeSplitterDex. Inside it you will find your HTML file plus the CSS and JavaScript files that were extracted.
Does it handle multiple style and script tags?
Yes. By default each block becomes its own numbered file such as style-1.css and script-2.js to keep the original order. You can also tick the merge option to combine them into one file.
Is CodeSplitterDex free to use?
Yes. CodeSplitterDex is free, needs no account and has no usage limit.
About
About CodeSplitterDex
CodeSplitterDex is a free online tool made by Picnift for web developers, students and designers. It takes a single HTML document that holds its own CSS and JavaScript and separates it into three clean files: HTML, CSS and JS.
Many people build quick prototypes, export pages from other tools or receive code in one big file. Moving styles and scripts into their own files by hand is slow and easy to get wrong. CodeSplitterDex does it in seconds and keeps the order of your code intact so the page behaves the same afterwards.
Our goals
- Keep your code private by running everything in the browser.
- Keep the tool free and simple, with no accounts.
- Produce organised projects that are ready to edit and deploy.
Questions or feedback? Message us on Instagram: @alticrux on Instagram.
Privacy Policy
Privacy Policy
Last updated: October 12, 2026
Your code stays with you
CodeSplitterDex processes everything locally in your browser. The HTML you paste or import is not uploaded, saved or sent to any server owned by us.
Information we collect
We do not ask you to create an account and we do not collect personal data through the tool. We do not sell or share personal information.
Third-party services
This website loads fonts from Google Fonts, which may receive your IP address and browser details when the fonts are requested. Please see Google's privacy policy for details. If analytics or advertising is added in the future, this policy will be updated.
Cookies
CodeSplitterDex itself does not set tracking cookies.
Children
The service is not directed to children under 13 and we do not knowingly collect their data.
Changes and contact
We may update this policy and will change the date above when we do. Contact us on Instagram: @alticrux on Instagram.
Terms of Service
Terms of Service
Last updated: October 12, 2026
Acceptance
By using CodeSplitterDex you agree to these terms. If you do not agree, please do not use the website.
Use of the service
CodeSplitterDex is provided free of charge to split HTML code into separate files. You may use it for personal and commercial projects. You agree not to misuse the website or try to disrupt it.
Your content
You keep all rights to the code you process. Because processing happens in your browser, we do not receive or store your content. You are responsible for having the right to use the code you split.
No warranty
The tool is provided "as is". We work to keep results accurate, but we do not guarantee that every document will work identically after splitting. Please review and test your files before using them in production.
Limitation of liability
To the extent allowed by law, Picnift is not liable for any loss or damage arising from the use of this website.
Changes and contact
We may update these terms at any time. Continued use means you accept the updated terms. Questions: @alticrux on Instagram.