Blog · Gutenberg
Sprint Retrospective block for WordPress
Agile sprint retro: velocity, mood, what went well, improvements, and action items with owners.
Get Blockenberg
Free Gutenberg block in Blockenberg. The inspector controls and front-end behavior on this page come from this block’s source, not a shared stub.
What it actually does
Agile sprint retro: velocity, mood, what went well, improvements, and action items with owners.
Inspector panels on this block: Sprint Info, Velocity & Mood, Team Members, Went Well, To Improve, Action Items, Header & Velocity, Column Colors. Those titles come from index.js, not from a shared template.
Behavior controls: “Mood” options: 🚀 Great, 😊 Good, 😐 Okay, 😓 Tough.
Where to find it
Gutenberg inserter → Blog → search “Sprint Retrospective” (block name `blockenberg/sprint-retrospective` in block.json). Style it in the sidebar after insert.
How to use Sprint Retrospective block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Sprint Retrospective”, insert it. Category: Blog.
- Configure inspector controls that exist on this block. Open Sprint Info. Set “Sprint Name / Number”, “Sprint Goal”, “Start Date”, “End Date”.
- Check the published page. The view script reads HTML data attributes: data-opts, data-rendered. The block editor preview may not run the same view script.
Inspector controls from this block’s code
| Control | What the code does |
|---|---|
| Sprint Name / Number | Text field in the inspector. block.json default: Sprint 42. Saved as `sprintNumber`. |
| Sprint Goal | Text field in the inspector. block.json default: Ship checkout redesign + integrate Payment API v2. Saved as `sprintGoal`. |
| Start Date | Text field in the inspector. block.json default: Jan 27, 2026. Saved as `startDate`. |
| End Date | Text field in the inspector. block.json default: Feb 7, 2026. Saved as `endDate`. |
| Show Velocity Bar | On/off toggle in the inspector. On by default. Saved as `showVelocity`. |
| Planned (pts) | Text field in the inspector. block.json default: 40. Saved as `velocityPlanned`. |
| Actual (pts) | Text field in the inspector. block.json default: 34. Saved as `velocityActual`. |
| Show Team Mood | On/off toggle in the inspector. On by default. Saved as `showMood`. |
| Mood | Select control; the chosen value is saved on the block. Options: 🚀 Great; 😊 Good; 😐 Okay; 😓 Tough. block.json default: good. Saved as `mood`. |
| Show Team Members | On/off toggle in the inspector. On by default. Saved as `showTeam`. |
| Column Label | Text field in the inspector. block.json default: ✅ Went Well. Saved as `wentWellLabel`. |
| Column Label (To Improve Label) | Text field in the inspector. block.json default: 🔧 To Improve. Saved as `toImproveLabel`. |
| Column Label (Action Items Label) | Text field in the inspector. block.json default: ⚡ Action Items. Saved as `actionItemsLabel`. |
| Task | Text field in the inspector. Saved as `actionItems`. |
| Owner | Text field in the inspector. Saved as `actionItems`. |
| Border Radius (px) | Numeric range control in the inspector. Range 0–24. block.json default: 12. Saved as `borderRadius`. |
| Header BG | Color control in the inspector. block.json default: #1e293b. Saved as `headerBg`. |
| Header Text | Color control in the inspector. block.json default: #f8fafc. Saved as `headerColor`. |
| Meta Text | Color control in the inspector. block.json default: #94a3b8. Saved as `metaColor`. |
| Accent | Color control in the inspector. block.json default: #6366f1. Saved as `accentColor`. |
| Velocity Fill | Color control in the inspector. block.json default: #6366f1. Saved as `velocityFillColor`. |
| Velocity Track | Color control in the inspector. block.json default: #e2e8f0. Saved as `velocityBgColor`. |
| Well BG | Color control in the inspector. block.json default: #f0fdf4. Saved as `wellBg`. |
| Well Border | Color control in the inspector. block.json default: #16a34a. Saved as `wellBorder`. |
| Well Text | Color control in the inspector. block.json default: #166534. Saved as `wellColor`. |
| Improve BG | Color control in the inspector. block.json default: #fffbeb. Saved as `improveBg`. |
| Improve Border | Color control in the inspector. block.json default: #d97706. Saved as `improveBorder`. |
| Improve Text | Color control in the inspector. block.json default: #78350f. Saved as `improveColor`. |
| Action BG | Color control in the inspector. block.json default: #f5f3ff. Saved as `actionBg`. |
| Action Border | Color control in the inspector. block.json default: #7c3aed. Saved as `actionBorder`. |
| Action Text | Color control in the inspector. block.json default: #4c1d95. Saved as `actionColor`. |
| High BG | Color control in the inspector. block.json default: #fee2e2. Saved as `highBg`. |
| High Text | Color control in the inspector. block.json default: #991b1b. Saved as `highColor`. |
| Med BG | Color control in the inspector. block.json default: #fef3c7. Saved as `medBg`. |
| Med Text | Color control in the inspector. block.json default: #78350f. Saved as `medColor`. |
| Low BG | Color control in the inspector. block.json default: #dcfce7. Saved as `lowBg`. |
| Low Text | Color control in the inspector. block.json default: #14532d. Saved as `lowColor`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts, data-rendered.
When this is the right block
- Agile sprint retro: velocity, mood, what went well, improvements, and action items with owners — that is the job of Sprint Retrospective, not a generic content block.
- Use it when you need the editor control labeled “Sprint Name / Number”, which exists on this block’s inspector.
- It matches pages about sprint, retrospective, retro.
- Inserter grouping: posts, magazines, and editorial WordPress pages.
Notes from the implementation
viewScript: this folder’s frontend.js is enqueued on the front end for this block.
FAQ
How do I add the Sprint Retrospective block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Sprint Retrospective”. It sits under Blog. After insert, open Sprint Info and set “Sprint Name / Number”, “Sprint Goal”, “Start Date”, “End Date”.
Does Sprint Retrospective generate a PDF on the server?
No. It opens the browser print dialog. Visitors can choose Save as PDF there.
Is the Sprint Retrospective Gutenberg block free?
Yes. Sprint Retrospective ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Sprint Retrospective to match my theme?
Yes. Blockenberg’s shared typography and color panels apply here, plus any block-specific style controls listed on this page (panels: Sprint Info, Velocity & Mood, Team Members, Went Well).
Related blog blocks
Article Header
Rich editorial-style article/blog post header with category badge, headline, subheadline, author meta bar, and optional hero image.
Article Series
Multi-part series navigator showing all articles with the current one highlighted and progress indicator.
Book Review
Rich book review block with cover image, star rating, details grid, pros & cons, and Schema.org Book + Review structured data for SEO.
Book Shelf
A visual reading list with a realistic bookshelf view, cards layout, or list — complete with ratings, reading status, and genre tags.
Category Grid
Display WordPress post categories in a responsive grid with post counts, icons, descriptions, and rich styling options.
Changelog
Versioned release-notes block with colour-coded categories (New, Improved, Fixed, Deprecated). Perfect for SaaS product pages.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Sprint Retrospective from the Gutenberg inserter.