A gallery of all the themes included with PlantUML.
This project is maintained by The-Lum
🚧 Under construction with first public release the 2021-10-31 (using PlantUML, smetana, SVG, …) 🚧
Don’t hesitate to post questions/remarks on the discussion page.
Context:
Direct Access to Specific Pages:
View all the themes
View all the skins
View all the diagrams
View all the standard libraries
Or jump directly to any of the pages dedicated to each theme.
A white on blue theme based on Amiga Workbench 1.x.
Theme based off of the colors used by Amazon Web Services.
Colors representing the black knight. Looks best on a dark background.
A blue-gray theme.
A white on blue theme based on the Blueprint reproduction process.
Carbon Gray theme — using the Gray palette from https://carbondesignsystem.com.
Cerulean theme based off of the bootstrap theme of the same name https://bootswatch.com/cerulean/.
Theme based off of the colors used by Cloudscape design.
An orange on black theme based on monochrome CRT monitors (The colors came from https://superuser.com/a/1206781).
Cyborg theme based off of the bootstrap theme of the same name https://bootswatch.com/cyborg/.
hacker theme based off of the Jekyll theme of the same name https://github.com/pages-themes/hacker.
lightgray theme - mostly grays
The Mars theme from future-architect/puml-themes.
Materia theme based off of the bootstrap theme of the same name https://bootswatch.com/materia/
Silver theme - mostly grays
A purple on grey theme based on the Mimeograph reproduction process https://en.wikipedia.org/wiki/Mimeograph.
superhero theme based off of the bootstrap theme of the same name https://bootswatch.com/minty/.
A mostly monochrome theme with monospaced font that adds more structure and tidiness with better shapes control, brought by monospaced font.
A no theme named _none_ (intentionally empty).
Especially to have a no theme (first or last in alphabetical order) to compare with all the others.
A simple black on white theme (with blue hyperlinks).
A dark-blue style from “Red Dress” https://github.com/Drakemor/RedDress-PlantUML.
A light-blue style from “Red Dress” https://github.com/Drakemor/RedDress-PlantUML.
superhero theme based off of the bootstrap theme of the same name https://bootswatch.com/sandstone/.
Silver theme - mostly grays
superhero theme based off of the bootstrap theme of the same name https://bootswatch.com/sketchy/.
superhero theme based off of the bootstrap theme of the same name https://bootswatch.com/spacelab/
Sunlust theme based off of the solarized theme.
superhero theme based off of the bootstrap theme of the same name https://bootswatch.com/superhero/
The toy theme from future-architect/puml-themes
superhero theme based off of the bootstrap theme of the same name https://bootswatch.com/united/
The vibrant theme from https://github.com/future-architect/puml-themes
Or jump directly to any of the pages dedicated to each skin.
This is a skin for debugging.
This is a default PlantUML skin.
This is the old PlantUML skin.
Or jump directly to any of the pages dedicated to each diagram.
Add a diagram description.
Add a diagram description.
Class diagrams are designed using a syntax that mirrors those traditionally employed in programming languages. This resemblance fosters a familiar environment for developers, thereby facilitating an easier and more intuitive diagram creation process.
A Deployment Diagram is a type of diagram that visualizes the architecture of systems, showcasing how software components are deployed onto hardware. It provides a clear picture of the components’ distribution across various nodes, such as servers, workstations, and devices.
Extended Backus–Naur Form (EBNF) is a type of formal syntax used to specify the structure of a programming language or other formal language. It is an extension of Backus-Naur Form (BNF), which was originally developed by John Backus and Peter Naur to describe the syntax of the Algol programming language.
With PlantUML, we can display directory and file tree listing.
A Gantt Chart is a powerful tool used for project management. It visually represents a project schedule, allowing managers and team members to see the start and end dates of the entire project at a glance. The diagram displays tasks or activities along a horizontal time axis, showing the duration of each task, their sequence, and how they overlap or run concurrently.
You can use PlantUML to visualize your JSON data.
A MindMap diagram, in the context of PlantUML, is an effective tool for brainstorming, organizing ideas, and project planning. MindMap diagrams, or mind maps, are visual representations of information, where central ideas branch out into related topics, creating a spider-web of concepts. PlantUML facilitates the creation of these diagrams with its simple, text-based syntax, allowing for the efficient organization and visualization of complex ideas.
A network diagram is a visual representation of a computer or telecommunications network. It illustrates the arrangement and interconnections of network components, including servers, routers, switches, hubs, and devices. Network diagrams are invaluable tools for network engineers and administrators to understand, set up, and troubleshoot networks. They are also essential for visualizing the structure and flow of data in a network, ensuring optimal performance and security.
An object diagram is a graphical representation that showcases objects and their relationships at a specific moment in time. It provides a snapshot of the system’s structure, capturing the static view of the instances present and their associations.
Regular expressions (Regex) are powerful tools in programming, used for pattern matching and text manipulation. While extremely useful, regex patterns can often be dense and challenging to interpret, especially as they grow in complexity. The syntax, although efficient, can become obscure and hard to read for both beginners and experienced developers. This is where visual tools like PlantUML come into play.
Salt is a subproject of PlantUML that may help you to design graphical interface or Website Wireframe or Page Schematic or Screen Blueprint. It is invaluable in crafting graphical interfaces, schematics, and blueprints. It aids in aligning conceptual structures with visual design, emphasizing functionality over aesthetics. Wireframes, central to this process, are used across various disciplines.
Add a diagram description.
State diagrams provide a visual representation of the various states a system or an object can be in, as well as the transitions between those states. They are essential in modeling the dynamic behavior of systems, capturing how they respond to different events over time. State diagrams depict the system’s life cycle, making it easier to understand, design, and optimize its behavior.
A Timing Diagram in UML is a specific type of interaction diagram that visualizes the timing constraints of a system. It focuses on the chronological order of events, showcasing how different objects interact with each other over time. Timing diagrams are especially useful in real-time systems and embedded systems to understand the behavior of objects throughout a given period.
Title Block with all header informations about theme.
A use case diagram is a visual representation used in software engineering to depict the interactions between system actors and the system itself. It captures the dynamic behavior of a system by illustrating its use cases and the roles that interact with them. These diagrams are essential in specifying the system’s functional requirements and understanding how users will interact with the system. By providing a high-level view, use case diagrams help stakeholders understand the system’s functionality and its potential value.
A Work Breakdown Structure (WBS) diagram is a key project management tool that breaks down a project into smaller, more manageable components or tasks. It’s essentially a hierarchical decomposition of the total scope of work to be carried out by the project team to achieve the project goals and create the required deliverables.
Add a diagram description.
You can use PlantUML to visualize your YAML data.
Or jump directly to any of the pages dedicated to each standard library.
Add a stdlib diagram description.