Free Gibbs Reflective Cycle Diagram Generator Online - Small Study Tools
Gibbs 1988 · 6 Stages · Works on Mobile

Gibbs Reflective Cycle Generator

Enter your reflection points and generate a labeled circular diagram of all 6 Gibbs stages instantly. Fully editable on mobile. Download as PNG or PDF. Pro Mode adds colour palettes, custom fonts, per-stage colours and SVG export.

100% Private — your reflection is never sent to a server
● Pro Version is Free for now
✓ Colour palettes · Font options · Arrows · Background ·
High-res PNG · SVG vector export unlocked
Day Night
👁️ Live Preview
⬇️ Download
✏️ Your Reflection
Diagram Title (centre)
Subtitle / Author Name
🎨 Colour Palette PRO
✨ Appearance PRO
Font Style
Background
Show directional arrows
Show stage numbers
Show question prompts
Show inner glow effect
Text Density
Centre Circle Size
📖 Quick Reference
1Description what happened, stated factually.
2Feelings what you were thinking and feeling.
3Evaluation what was good and bad about it.
4Analysis what sense you can make of it.
5Conclusion what else you could have done.
6Action Plan what you will do next time.
💡 Reflective Writing Tips PRO
`;const blob=new Blob([html],{type:'text/html'}); const a=document.createElement('a'); a.download=`gibbs-reflective-cycle-${(title||'reflection').replace(/\s+/g,'-').toLowerCase()}.html`; a.href=URL.createObjectURL(blob); a.click(); toast('PDF report downloaded — open and Print → Save as PDF'); }// ── MODE ────────────────────────────────────────────────────── function setMode(mode) { isPro=mode==='pro'; document.getElementById('btnSimple').classList.toggle('active',!isPro); document.getElementById('btnPro').classList.toggle('active',isPro); widget().classList.toggle('pro-mode',isPro); const pb=document.getElementById('proBar');if(pb)pb.style.display=isPro?'flex':'none'; if(isPro){buildPaletteGrid();buildStageColorPickers();} redraw(); try{localStorage.setItem('sst_gibbs_mode',mode);}catch(e){} }// ── UTILS ───────────────────────────────────────────────────── function toast(msg){const t=document.getElementById('toast');t.textContent=msg;t.classList.add('show');setTimeout(()=>t.classList.remove('show'),2800);}// ── INIT ────────────────────────────────────────────────────── buildInputs(); buildPaletteGrid(); buildStageColorPickers(); redraw(); try{const m=localStorage.getItem('sst_gibbs_mode');if(m==='pro')setMode('pro');}catch(e){}// Redraw on any settings change ['diagramTitle','diagramSubtitle','centerSize','textDensity'].forEach(id=>{ const el=document.getElementById(id); if(el)el.addEventListener('input',redraw); });

How to Use the Gibbs Reflective Cycle Generator

From six blank stages to a labeled circular diagram. Fully editable on mobile.

1
Add a Title
Name your reflection, or tap "Try Sample Data" for a ready example.
2
Fill In All 6 Stages
Write as paragraphs or switch to bullet points, whichever suits you.
3
Watch It Build Live
The labeled diagram updates instantly as you type each stage.
4
Download or Go Pro
Save as PNG or PDF, or unlock colour palettes and fonts in Pro.

Everything above runs entirely in your browser. Your reflection is never uploaded to a server, so it stays completely private from start to finish.

Specifications
Price Free
Signup Not Required
Data Storage Never sent to a server
Model Gibbs 1988, all 6 stages
Input Modes Paragraph or Bullet Points
Colour Palettes 9 (Pro), including Monochrome
Export Formats PNG · PDF Report · SVG (Pro)
Pro Tools Fonts · Per-Stage Colours · Transparent PNG
Platform Optimized for Web & Mobile
Category Strategy & Diagrams
Built by SmallStudyTools.com
Found a bug or something not working right? Let us know and we'll fix it. Every report helps make this tool better.
Report an Issue

Gibbs Reflective Cycle Diagram Generator, Free and Online

A Gibbs Reflective Cycle diagram generator turns your written reflection into a labeled six-stage circular diagram, following the model Graham Gibbs published in 1988. This one is fully editable on mobile, includes a filled-in sample reflection, and runs entirely in your browser.

A reflective assignment written as plain paragraphs often loses the very structure that makes the Gibbs model useful, the six distinct stages blur together and a marker has to hunt for each one. A labeled diagram fixes that instantly, every stage sits in its own segment around the circle, in the correct order, ready to sit at the top of an essay or a portfolio entry. This free Gibbs reflective cycle diagram generator tool lets you type your reflection directly into each of the six stages, Description, Feelings, Evaluation, Analysis, Conclusion and Action Plan, either as full paragraphs or as bullet points, and watch the labeled circular diagram build itself live. Click "Try Sample Data" to see a complete clinical placement example filled in immediately. Download the finished diagram as a PNG image or a full PDF report. Pro Mode adds nine colour palettes, custom fonts, individually coloured stages, and high-resolution transparent PNG plus SVG vector export.

1Simple vs Pro, What Each Mode Includes

FeatureSimple ModePro Mode (Free)
All 6 stages, paragraph or bullet point inputIncludedIncluded
Live labeled diagram previewIncludedIncluded
Sample reflection, title and subtitle fieldsIncludedIncluded
Export as PNG, export as PDF reportIncludedIncluded
9 colour palettes (Ocean, Sunset, Forest, Monochrome and more)Not includedIncluded
Custom fonts, individually coloured stagesNot includedIncluded
Directional arrows, glow effect, text density controlNot includedIncluded
Transparent PNG, export as SVG vectorNot includedIncluded

2The Six Stages, In Order

1. Description
What happened
2. Feelings
What you thought and felt
3. Evaluation
What was good and bad
4. Analysis
What sense you can make of it
5. Conclusion
What else you could have done
6. Action Plan
What you will do next time

Keeping Description and Evaluation genuinely separate is the single most common weakness in student reflections, since it is natural to slip an opinion into the account of what happened. A strong Description stays factual, no judgement, and the Evaluation stage is where those judgements belong. The Analysis stage is often the shortest section in a first draft, yet it is usually meant to carry the most weight, since it is where the experience gets connected to wider theory or evidence rather than just described a second time in different words.

3Where the Gibbs Reflective Cycle Actually Came From

Professor Graham Gibbs introduced the model in his 1988 book Learning by Doing, A Guide to Teaching and Learning Methods, published through the Further Education Unit at Oxford Polytechnic, now Oxford Brookes University, a detail confirmed by the University of Edinburgh's Reflection Toolkit. What often gets left out of shorter summaries is that Gibbs did not invent the underlying cycle from nothing, he built his six stages directly on top of David Kolb's earlier 1984 four-stage experiential learning cycle, adding structured prompt questions at each stage to turn Kolb's more theoretical model into something a student could actually follow step by step. It is also worth correcting a common assumption, Gibbs' original book was written broadly about teaching and learning, not nursing specifically, the model became so central to nursing and healthcare education afterward that many people now assume that was its original purpose.

QuestionQuick Answer
What year was the Gibbs cycle published?1988, in the book Learning by Doing
Which earlier model did Gibbs build on?David Kolb's 1984 four-stage experiential learning cycle
Where was it originally published?Oxford Polytechnic, now Oxford Brookes University
Was it written specifically for nursing?No, that association came from later widespread healthcare adoption
Privacy Note

Everything, including Pro Mode's colour palettes, fonts and custom styling, runs entirely in your browser using JavaScript. Your reflection text is never uploaded or sent to a server at any point.

4Frequently Asked Questions

How do I make a Gibbs Reflective Cycle diagram online for free?
Type your reflection into each of the six stages, Description, Feelings, Evaluation, Analysis, Conclusion and Action Plan, or click Try Sample Data to see a filled-in clinical placement example. The labeled circular diagram updates live as you type. Download the finished diagram as a PNG or a PDF report. No signup is required, and your reflection is never sent to a server.
What are the 6 stages of the Gibbs Reflective Cycle?
The six stages are Description, what happened, Feelings, what you were thinking and feeling, Evaluation, what was good and bad about the experience, Analysis, what sense you can make of the situation, Conclusion, what else you could have done, and Action Plan, what you will do differently next time. The stages are arranged in a circle because the cycle is meant to be repeated after future experiences.
Who created the Gibbs Reflective Cycle and when?
Professor Graham Gibbs introduced the model in his 1988 book Learning by Doing, A Guide to Teaching and Learning Methods, published through the Further Education Unit at Oxford Polytechnic, now Oxford Brookes University. Gibbs built his six stages directly on top of David Kolb's earlier 1984 four-stage experiential learning cycle, adding structured prompt questions at each stage rather than inventing the underlying cycle from nothing.
Was the Gibbs Reflective Cycle designed specifically for nursing?
No, this is a common misconception. Gibbs' original 1988 book was written broadly about teaching and learning methods, not nursing specifically. The model was adopted so widely by nursing and healthcare education afterward that many people now assume it was designed for that field, but its origin is in general educational practice.
What is the difference between Gibbs and Kolb's reflective models?
Kolb's 1984 cycle has four broader stages, Concrete Experience, Reflective Observation, Abstract Conceptualization and Active Experimentation, and mainly explains the theory of experiential learning. Gibbs' 1988 cycle has six more specific stages built on top of Kolb's structure, with detailed prompt questions at each one, making it a more practical, step-by-step tool for actually writing a reflection rather than just understanding the concept.
Is my reflection content private when I use this tool?
Yes. Everything, including Pro Mode's colour palettes, fonts and custom styling, runs entirely in your browser using JavaScript. Your reflection text is never uploaded or sent to a server at any point.

Grounded in the documented Kolb to Gibbs to Oxford Polytechnic timeline, not the flattened single-book origin story most sites repeat. The full account is detailed on the University of Edinburgh's Reflection Toolkit. For related reflection and diagram tools on the rest of this site, see the Mind Map Generator and the full SmallStudyTools.com tool library.

More Strategy & Diagram Tools

Every other tool in the Strategy & Diagrams category

Cycle Diagram Generator Repeating processes and continuous loops
Fishbone Diagram Generator Root-cause analysis, cause and effect
Mind Map Generator Branch out ideas from a central topic
Flowchart Generator Process and decision flowcharts
Gantt Chart Generator Visual project timelines and task scheduling
WBS Generator Work breakdown structure tree
Task Priority Matrix Eisenhower Method
SWOT Analysis Generator Strengths, Weaknesses, Opportunities, Threats
PESTLE Analysis Generator Political, Economic, Social, Tech, Legal, Environmental
Porter's Five Forces Generator Competitive rivalry and industry analysis
Ansoff Matrix Generator Market penetration and growth strategy grid
Business Model Canvas Generator Full 9-block canvas for any business idea
BCG Matrix Generator Stars, Cash Cows, Question Marks, Dogs
VRIO Framework Generator Valuable, Rare, Inimitable, Organised
Lilly
Here to help you find a tool
Search tools Search blogs
Try me to find a tool! 👋