Category
Developers blocks for WordPress
45 Gutenberg blocks in Blockenberg for docs sites, utilities, and developer landing pages. Install the free plugin, then search the block name in the inserter.
Get Blockenberg
Blockenberg is free on WordPress.org. After activation, open the inserter and look under Developers.
API Reference
Display API endpoint documentation with method badge, parameters table, and request/response code examples.
Barcode Generator
Generate Code128 barcodes from any text or number. Customize bar height, width, colors, and download as PNG.
Base64 Encoder / Decoder
Encode plain text to Base64 or decode Base64 back to text. Supports Unicode, URL-safe Base64 and one-click copy.
Browser Mockup
Display a realistic browser chrome window around a customizable mini page preview — perfect for product screenshots, UI demos, and tutorials.
Clipboard Copy
Display a copyable code, coupon, or text with a one-click copy button.
Code Block
Syntax-highlighted code block with copy button, line numbers, and multiple themes.
Code Comparison
Side-by-side code comparison block with syntax highlighting, diff markers, labeled panels, copy buttons, line numbers, and a draggable split divider.
Code Playground
Interactive HTML/CSS/JS editor with live preview. Let visitors experiment with code directly on the page.
Code Tabs
Multi-language tabbed code viewer with syntax highlighting. Show the same snippet in JavaScript, Python, PHP, and more.
Color Converter
Live Hex ↔ RGB ↔ HSL color converter with a real-time color preview swatch.
Color Harmony
Pick a base color and instantly see complementary, triadic, analogous, and other harmonic palettes. Click any swatch to copy its hex value.
Color Mixer
Interactive color mixing tool. Pick two colors, blend them at any ratio, view the result in HEX/RGB/HSL, generate color harmonies, and copy any value instantly.
Color Palette
Display brand color swatches with HEX, RGB, and CSS variable labels. Perfect for style guides and design systems.
Color Swatch
Display a branded color palette as a grid of swatches with names, HEX, RGB, and usage notes.
Color Thief
Upload an image to automatically extract its dominant color palette using canvas pixel analysis.
Color Tokens
Design-system colour token reference. Displays named colour swatches grouped into palettes (Primary, Neutral, Semantic, etc.) with hex/RGB values. Visitors can click any swatch to copy its hex code.
Commit History
Display a Git-style commit history timeline — perfect for changelogs, devlogs, and project updates.
Contrast Checker
WCAG color contrast accessibility checker. Test foreground/background color combinations against AA and AAA standards.
Cron Builder
Visual cron expression builder. Edit each field individually, see a human-readable description, choose from common presets, preview next run times, and copy the final expression.
Error Page
404 / error page section with large decorative error code, heading, description, primary and secondary CTA buttons, optional illustration image, and full background controls.
File Tree
Display a visual file and folder tree structure — ideal for documentation, project overviews, and tutorials.
Font Scale
Type specimen / typography scale block showing font sizes from xs to 9xl. Displays sample text at each step with optional metadata (size, weight, line-height). Perfect for design systems and style guides.
GitHub Card
Display a GitHub user profile or repository card with live stats fetched from the GitHub API.
CSS Gradient Generator
Interactive CSS gradient builder with live preview, multiple color stops, and one-click CSS copy.
Hash Generator
Generate MD5, SHA-1, SHA-256 and SHA-512 cryptographic hashes from any text input. Useful for developers, security professionals and data integrity checks.
JSON Formatter
Validate, format (pretty-print), and minify JSON with syntax highlighting and one-click copy.
Keyboard Shortcuts
Display a keyboard shortcut reference sheet with Mac and Windows variants, categories, and rich styling.
Lorem Ipsum Generator
Generate placeholder Lorem Ipsum text by paragraphs, sentences, words, or lists — with optional HTML output and one-click copy.
Markdown Preview
Live Markdown editor with real-time rendered preview, toolbar shortcuts, and copy buttons.
Open Graph Preview
Preview how your page looks when shared on Twitter/X, Facebook, LinkedIn, and Slack.
Password Generator
Secure random password generator with configurable length, character types (uppercase, lowercase, numbers, symbols), strength indicator, copy button, and fully customizable styling.
Password Strength Meter
Real-time password strength checker with visual bar, strength label and requirements checklist.
QR Code
Generate a QR code from any URL or text with custom colors and size.
Readability Score
Analyze text readability with Flesch-Kincaid, Gunning Fog, and more.
Regex Tester
Live regular expression tester with match highlighting, capture groups, and flag controls.
Status Page
Display system/service status with component health indicators, uptime percentages, and incident history.
Terminal Mockup
A realistic terminal / CLI window with typewriter animation, coloured prompt, command & output lines. Great for dev-tool landing pages.
Text Analyzer
Comprehensive text analysis tool: word/character/sentence counts, vocabulary richness, top word frequency chart, average lengths, and more. Live updates as you type.
Text Case Converter
Live text transformer: paste any text and instantly get it in multiple case formats with one-click copy.
Text Comparison
Two-column narrative comparison block for Before/After, Problem/Solution, Old Way/New Way contrasts using styled bullet lists.
URL Encoder / Decoder
Encode and decode URLs or convert text to and from Base64, with a clean multi-tab interface.
UUID Generator
Generate universally unique identifiers (UUID v4 and v1-style). Batch generate, copy individual or all, toggle formatting options, and view generation history.
Vimeo Performance Embed
High-performance Vimeo embed with poster + lazy iframe on click.
Word Counter
An interactive word counter tool. Users paste or type text and instantly see word count, character count, sentence count, paragraph count, reading time, and speaking time.
YouTube Performance Embed
High-performance YouTube embed with poster + lazy iframe on click.