Symelo
ENBG
Get in touch

Bytecamp

Bytecamp, Home
Bytecamp, Phone

Scroll inside the preview

Overview

A dark-first block theme for coding bootcamps and tech academies: terminal heroes, code-window program cards, outcome bentos and a light "Daylight IDE" scheme.

Bytecamp is made for coding bootcamps, tech academies and developer schools: full-stack, data, UX/UI and cybersecurity programs with full-time and part-time cohorts, career services and financing.

  • Dark developer look on a faint 24 px grid, neon lime accent, JetBrains Mono labels and Inter Tight headlines, with a light "Daylight IDE" scheme one click away.
  • Programs (courses) and mentors (instructors) with their own pages: a program.json spec window, the curriculum as a file tree, cohorts as a commit log, mentors, reviews, FAQ, a sticky enroll window and an inquiry form.
  • Program catalog with filters (subject, level, format, price, sorting), subject and level archives, and a mentor wall of monograms.
  • Five heroes: terminal window with a blinking caret, outcomes bento, background video, track picker and a "zero to job in 16 weeks" git-log timeline.
  • Full-time vs part-time comparison styled as a diff table, career-outcome stats that count up, financing FAQ, partner logos marquee.
  • Forms with no plugin: application (background, goals, availability), contact, newsletter and advisor forms. Messages land in wp-admin under Messages.
  • Galleries with masonry and carousel styles and a lightbox, featured videos for posts and programs, reading progress, table of contents and share links on articles.
  • Style variations: Midnight (default), Daylight IDE, Synthwave and Solarized.
  • Demo content (Appearance → Demo content) imports programs, mentors, subjects, pages and a menu.

Course fields (prices, cohorts, curricula, mentor profiles) use Secure Custom Fields when it is installed; the theme offers to install it and works without it.

Questions

Where do form messages go?

To wp-admin → Messages. The site's administration email address gets a notification; change the recipient in the form block's settings, or for program inquiries under Courses → Settings.

How do I add a trailer to a program or post?

Use the "Featured video" panel in the editor sidebar. Without a video the featured image is shown.

Can I turn off the animations?

They follow the visitor's "reduce motion" setting automatically. Remove the "sk-reveal" classes from a block to switch its animation off.

How does dark mode work?

Midnight is dark by default; the toggle in the header switches to the light Daylight IDE palette and remembers the choice. Each style variation brings its own light and dark palettes.

All versions

  1. 1.0.0WordPress 7.0+ · PHP 7.4+ZIP · 2.4 MB
    • First release.

    SHA-256 6cd045d40f0d134993174a87af1603d35948da86019130928b3015b39157c65f

Credits

Bytecamp WordPress Theme, (C) 2026 Symelo LTD. Bytecamp is distributed under the terms of the GNU GPL.

This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 2 of the License, or (at your option) any later version.

Symelo Theme Kit (inc/kit) and the Symelo education foundation (inc/foundation) License: GPLv2 or later (C) 2026 Symelo LTD

Inter Tight License: SIL Open Font License 1.1 (assets/fonts/inter-tight/OFL.txt) Copyright 2022 The Inter Project Authors Source: https://github.com/rsms/inter-tight

JetBrains Mono License: SIL Open Font License 1.1 (assets/fonts/jetbrains-mono/OFL.txt) Copyright 2020 The JetBrains Mono Project Authors Source: https://github.com/JetBrains/JetBrainsMono

Images from the Symelo placeholder library (https://symelo.com/tools/placeholder-images), (C) 2026 Symelo LTD, distributed with the theme under the GPLv2 or later:

  • assets/images/technology-1.webp: technology-1
  • assets/images/technology-3.webp: technology-3
  • assets/images/abstract-5.webp: abstract-5
  • assets/videos/fiber-loop.mp4 and fiber-loop-poster.webp: made from technology-3
  • inc/foundation/demo/images/library.webp: workspace-3
  • inc/foundation/demo/images/studio-desk.webp: workspace-5
  • inc/foundation/demo/images/team-office.webp: workspace-8
  • inc/foundation/demo/images/notebook-lake.webp: workspace-11
  • inc/foundation/demo/images/circuit.webp: technology-10
  • inc/foundation/demo/images/evening-desk.webp: workspace-12
  • inc/foundation/demo/images/camera-lens.webp: technology-7
  • inc/foundation/demo/images/pasta-class.webp: food-4
  • inc/foundation/demo/images/italian-street.webp: travel-9
  • inc/foundation/demo/images/workshop-loft.webp: interiors-6

Icons: Simple Icons (CC0 1.0, https://simpleicons.org/) for the brand icons; the other icons are original, GPLv2 or later.

The "Video and text" pattern links to a sample video on YouTube (Big Buck Bunny by the Blender Foundation, CC BY 3.0); it is not bundled and loads only after a click. Replace it with your own video.

More education themes

Browse all 10 themes
  1. Flagship

    Aulora

    Education

    A bright, confident theme for online academies and course creators: a searchable course catalog, rich course pages and instructor profiles.

    5 styles2.2 MB

  2. Ascendo

    Education

    A crisp B2B block theme for corporate training companies, L&D consultancies and internal academies.

    4 styles2.5 MB

  3. Cadenza

    Education

    A refined concert-hall theme for music schools and private teachers: lessons laid out like a concert programme, staff-line dividers, Bodoni on ivory with burgundy and brass.

    4 styles2.4 MB