DevSlides

Templates

Full lessons for DSA hour, a remixable classroom lecture, and studio catalogs for motion and layouts. Every deck is Markdown — duplicate, then rewrite.

DSA lessons

Ready-to-teach algorithms with live diagrams, clicks, and runnable C++.

Binary Search

Problem, algorithm, runnable C++, complexity chart, and a live array walk.

Breadth-First Search

Shortest paths on an unweighted graph, with a queue, BFS walk, and C++.

Binary Search Trees

The BST invariant, a live tree search, insert intuition, and C++.

Linked Lists

Pointer walks, list vs array, reverse-in-place, and a practice close.

Merge Sort

Divide, merge, stability, and an always-O(n log n) complexity slide.

Recursion

Base case, call stack, factorial, and why naive Fibonacci explodes.

Big-O Intuition

Families, loop counting, and live charts for log n, n log n, and 2ⁿ.

Hash Tables

Hash, collisions, load factor, and hash map vs tree map.

DSA diagrams

Stepped tree, list, graph, stack, queue, array, and time-complexity visualizers.

Classroom

Lecture structure for any subject — plus a filled web-tech hour.

How the Web Works

A 45-minute lecture: goals, hook, model, lab, recap — steal the structure for any topic.

Code lesson

A short teaching deck with a title slide, goal, and stepped code.

Mathematics

Worked examples, discriminants, triangles, and a problem-solving framework.

Quadratic Equations

Factoring, the quadratic formula, and the discriminant with stepped worked examples.

The Pythagorean Theorem

Right triangles, common triples, the converse, and real-world practice.

How to Solve It

Pólya's four-step framework — understand, plan, carry out, look back — for any subject.

Startup

A pitch deck for product, market, traction, and the ask.

Startup Pitch Deck

Problem, solution, market, business model, traction, competition, team, and the ask.

Studio

Motion, transitions, layouts, and a blank canvas.

Teach with DevSlides

Every layout in one deck: clicks, code-step, diagrams, motion, notes, and shortcuts.

Page transitions

Wipe, blinds, doors, iris, pixels, and other slide-to-slide transitions.

Text motion

One slide per Framer-style text animation, including looping color, gradient, and type-loop.

Terminal demo

Play an asciinema .cast recording on the slide.

Blank

An empty 16:9 deck. Start from a single centered slide.