Students learning and creating with TrummerWork

Educational CSS framework

Build websites as you learn.

A lightweight framework with descriptive class names and guided examples for people starting out in web development. Use it directly in your HTML, with no Node.js or build process required.

Start learning
Students working together on a project

Learn step by step

From your first style to a complete interface.

Explore reusable components, adapt the examples, and practice HTML and CSS at your own pace. TrummerWork supports your learning; it does not replace web fundamentals.

Read the documentation


Add TrummerWork to your project

Visit Installation for detailed instructions.

Copy this link into the head section of your HTML.

index.html
<link rel="stylesheet" href="https://trummerwork-project.web.app/style.css">

Add this link BEFORE the closing body tag in your HTML.

index.html
<script src="https://trummerwork-project.web.app/script.js"></script>

Download TrummerWork files

View version 2.0.0

Use this button to download TrummerWork and work locally.

Having trouble downloading? Contact us.

Why choose TrummerWork?

Most modern frameworks are built for experts. TrummerWork is different: it began in the classroom and was created by and for students and new developers. You do not need to know everything from the start—we provide an intuitive foundation so you can build your ideas without frustration.

Our goals

TrummerWork was created to make web development simpler for everyone. It aims to be an accessible, clear, and efficient tool for building modern, dynamic websites without complications—from your first steps in code to professional interfaces.

This is a card

This card uses only native TrummerWork classes. There is no need to write custom CSS or set up a complicated build process.

index.html
<div class="tarjetas borde-redondo-mediano">
  <h2 class="titulo-pequeño">Card</h2>
  <p class="texto-mediano">
    content...
  </p>
</div>

This tool is continuously being updated

If you find a bug, please get in touch.

To collaborate or ask a question, contact us by email at trummerwork@maxtrummer.edu.co or on WhatsApp at +57 316 601 5580.