My Elements for Moodle – Course Design & Rich Editor

Design engaging Moodle courses in 1 click. Add tabs, accordions, numbered steps & buttons with no code, no plugin, no IT rights.

Turn dull Moodle courses into clear, modern, and engaging learning experiences—without writing a single line of code or waiting for IT. Moodle’s default editors (TinyMCE and Atto) limit your layout options. Creating accordions, tabbed chapters, or custom buttons usually means begging administrators for server plugins or pasting fragile HTML snippets from forums. My Elements unlocks a visual design panel right inside your browser. Insert interactive, pedagogical components that naturally blend into your platform's look and feel from day one. Overcome student reading fatigue. Make assignment instructions crystal clear. Build better Moodle courses in a fraction of the time. --- ➤ What’s New in Version 1.1 ✔ 10 ready-to-use components (now with Headings & Structured Step Headings) ✔ Effortless reordering: move blocks with drag-and-drop handles (⠿) or Alt+Up/Down ✔ Right-click shortcuts: duplicate any configured block with all its content in 1 click ✔ Bulletproof saving: rock-solid Atto & TinyMCE sync, preventing accidental loss --- ➤ 10 Ready-to-Use Components (Basics & Educational) NAVIGATION & COURSE STRUCTURE ❱ Collapsible Accordions: Tidy up course FAQs, syllabi, module overviews, and long definitions ❱ Navigable Tabs: Chunk extensive course content into clean, clickable chapters ❱ Visual Dividers: Clean line, dashed, or text section breaks to pace learning PEDAGOGY & STEP-BY-STEP GUIDANCE ❱ Structured Headings (New): Automated numbering (1, 2, 3... or 1.1, A, B) for tutorials and workshop phases ❱ Stylized Headings (New): Editorial, Alert, and Card header variants with badges and status dots ❱ Activity Cards: Pre-structured assignments with deadlines, grading criteria, and instructions ❱ Icon Lists: Visual bullet points for prerequisites, learning outcomes, and checklists ❱ Callout Boxes: Highlight tips, warnings, key takeaways, and extra resources INTERACTION & LAYOUT ❱ Action Buttons: Eye-catching links, external platform shortcuts, and download buttons ❱ Custom Boxes: Highlight sections with tailored padding, borders, and soft shadows --- ➤ Common Pedagogical Use Cases ❱ Course Overview, Syllabi & Prerequisites: Structure your course introduction, learning outcomes, and required background into clean tabs or collapsible accordions instead of an endless wall of text. ❱ Instructional Flow & Scenarios: Guide learners chronologically through workshop phases and modules using auto-numbered step headings. ❱ Practical Tips, Warnings & Next Steps: Highlight quick advice, common pitfalls to avoid, or “go further” extension resources inside dedicated visual Callout boxes. ❱ Assignment Briefs & Grading Rubrics: Present deadlines, deliverables, and assessment criteria inside one structured activity card. ❱ Student Onboarding & FAQs: Address recurring questions in collapsible accordions to keep your main course stream clean and focused. --- ➤ Built for Educators & Instructional Designers Whether you teach in higher education, K-12, corporate training, or vocational programs, My Elements gives you complete instructional design freedom directly in your LMS: ❱ 100% Client-Side: Works directly in your browser. No server plugins, no Moodle admin permissions needed. ❱ Seamless Look & Feel: Components blend naturally into your platform's appearance without manual styling. ❱ Zero Student Setup: Students see clean, fully responsive layouts instantly without installing anything. ❱ Safe & Reversible: Re-edit any inserted block at any time. Your content is never locked or lost. ❱ Privacy-First & CSP Compliant: Zero tracking, no data sent to external servers. --- ➤ Instant Setup & Multilingual Support Works out of the box in English, French, German, Spanish, Portuguese, and Brazilian Portuguese. Switch languages instantly inside the panel. Install My Elements now and give your Moodle courses the professional look your learners deserve. Part of the My Digital Layer (MDLayer) toolkit. Discover our other productivity extensions for Moodle at mdlayer.com.