Our free WordPress themes are downloaded over 7 MILLION times. Get them now!
Templates

Tabs V12

tabs v12

Template Details

Author: Colorlib

Released: September 2026

License: CC BY 3.0

Description

A dark code window with index.html, style.css and main.js file tabs, line numbers and syntax colouring done with plain spans. The Copy button copies the active file using the Clipboard API with a textarea fallback, then shows Copied and announces it to screen readers. A rendered preview of the sample component sits beside the code.

It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 135 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.

  • File tabs in an editor-style title bar
  • Copy button with Clipboard API and execCommand fallback
  • Copied feedback plus a polite live region
  • CSS counter line numbers that are not copied
  • Scrollable, keyboard-focusable code panels
Download
Preview
Back To Top

Download this template

Enter your email to get the free download link. We'll also send you occasional updates about new templates.

If you wish to withdraw your consent and stop hearing from us, simply click the unsubscribe link at the bottom of every email we send or contact us at [email protected]. We value and respect your personal data and privacy. To view our privacy policy, please visit our website. By submitting this form, you agree that we may process your information in accordance with these terms.