Bloqra – Gutenberg Blocks & Page Builder for Block Editor

Bloqra – Gutenberg Blocks & Page Builder for Block Editor is a lightweight, performance-focused WordPress blocks plugin for creators, site owners, bloggers, agencies, and developers who want to build polished pages directly inside the Gutenberg block editor. It adds 38 free blocks — practical, responsive, and easy to customize — that improve content structure, navigation, and the overall reading experience without adding unnecessary bloat.

Bloqra gives you flexible Gutenberg blocks for landing pages, blog posts, documentation, product content, and business pages, all fitting naturally into your existing theme. Bloqra Pro adds 21 more blocks for dynamic content, social feeds, and conversion: post grids, custom fields, Instagram and YouTube feeds, Google Reviews, popups, charts, maps, and more.

🚀 Upgrade to Pro | 📄 Plugin Documentation | 💻 Support

✨ Free Blocks (38)

• Accordion — Organize FAQs, feature details, service information, and long-form content into clean collapsible sections.
• Advanced Container — Build full sections with what the core Group block can’t do: image or video backgrounds with focal point, fixed and repeated modes, duotone filters, color or gradient overlays with adjustable opacity, nine-position content placement, and shape dividers — plus every native Group control.
• Advanced Table — A data table visitors can sort and search, and that stacks into labeled cards on small screens — everything the core Table block leaves out, edited exactly like the core Table.
• Alert — An info, success, warning, or error notice with a matching accent color and icon, optional title, and a dismiss button that can remember its state so returning visitors don’t see the alert again.
• Comparison Table — Compare plans, products, or services feature by feature. Edits exactly like the core Table block, with check, cross, and dash marks per cell, a badge to highlight your recommended column, and a sticky header for long tables.
• Content Switcher — Let visitors toggle between two or more content sets — perfect for monthly / yearly / lifetime pricing with „Save 20%“ badges, feature comparisons, or before/after content.
• Countdown Timer — Count down to any date and time in your site’s timezone — sales, launches, events, deadlines. Choose which units to show with custom labels, pick what happens when time runs out (keep zeros, hide, or show a message).
• Coupon Code — A promo code with one-click copy and an optional click-to-reveal cover — revealing also copies the code. Add a description and expiry text, and pick from Dashed, Solid, Ticket, and Gradient styles. Pairs perfectly with the Countdown Timer for limited offers.
• Device Mockup — Show a screenshot — or any content — inside a phone, tablet, laptop, or browser frame. The frames are pure CSS with no images to load, support portrait and landscape, and can be tinted any color.
• FAQ — Questions and answers with FAQPage structured data for rich search results. Built on the native details element so it works with JavaScript disabled, with one-open-at-a-time and open-by-default options, chevron or plus toggle icons.
• Filterable Gallery — Portfolio-style gallery with category filters. Assign categories per image, pick grid or masonry, style the filter buttons, paginate with load-more or infinite scroll, and open images in a lightbox.
• Flip Box — Create a card that flips on hover to reveal more content on the back. Add an image, title, content, and button to both sides, and choose from three flip directions: horizontal, vertical, or diagonal.
• Icon — Drop a single icon from a library of 1,900+ Lucide icons anywhere on the page, with controls for size, color, background, border, shadow, animation, link, and accessibility label.
• Icon Box — A compact icon + heading + text card for feature lists, service grids, and USP rows. Icon badge shapes, top/left/right/inline positions, an optional whole-card link, and lift, grow, glow, and border hover effects.
• Icon List — Build feature lists, checklists, and benefit bullets with an icon next to every item. Choose vertical, horizontal, or grid layouts, set a default icon for the list, override per item, add links, and style icons and text independently.
• Image Box — An image-led card with heading, text, and CTA for services, features, and portfolio teasers. Aspect-ratio control, hover zoom, whole-card click, and an Overlay style that stacks content over the image.
• Image Hotspots — Pin interactive points onto an image — product features, maps, anatomy charts. Drag markers into position in the editor; each point shows a tooltip on hover, tap, or keyboard focus with no JavaScript required, with dot or auto-numbered markers, optional icons, and a pulse animation.
• Info Box — Highlight important information, tips, or notes with a visually distinct box that can include an icon/image, title, content, and button. Also, ideal for feature lists or service highlights.
• Interactive Card — An image card that reveals extra content on hover or tap — portfolios, services, category tiles. Slide-up, fade, or zoom effects, a color or gradient overlay, and keyboard- and touch-friendly reveals.
• Lottie Animation — Play a Lottie JSON animation with a bundled lightweight renderer — no CDN. Trigger on autoplay, when visible, on hover, on click, or scrub it with scroll position; nothing loads until the block nears the viewport.
• Masonry Gallery — Display images in a Pinterest-style masonry layout that keeps every photo at its natural aspect ratio. Manage images exactly like the core Gallery block.
• Number Counter — Animate a number counting up as it scrolls into view — stats, milestones, achievements. Set start and end values, decimals, thousands separator, prefix and suffix, an editable label, and animation speed.
• Pricing Table — Present a pricing plan as a polished card with a badge, plan name, price with sale price and billing note, an icon feature list, and a call-to-action button. Combine cards in Columns to build any pricing layout.
• Progress Bar — A horizontal bar with a label and value that fills when it scrolls into view — skills, goals, funding progress.
• QR Code — Generate QR code right in the editor — no external service, no front-end JavaScript. Encode URL, text, email, phone, SMS, Wi-Fi network, or vCard contact as SVG that works in RSS, print, and with JavaScript off.
• Scroll Indicator — Add a visual reading progress indicator that helps visitors understand where they are on long pages or posts.
• Shape Divider — Create smooth visual transitions between sections with decorative SVG shapes — wave, layered waves, curve, tilt, triangle, arrow, split, book, zigzag, and mountains — with height, stretch, and flip controls.
• Slider — Slide anything. Every slide is a blank canvas for any blocks — images, headings, buttons, columns, entire hero sections. Built on native scroll snapping, so touch swiping works even with JavaScript disabled. Show one to four slides per view, loop seamlessly without rewinding, peek the next slide, and style arrows, dots, and autoplay to match your design. Select existing blocks and transform them into a slider in one click.
• Social Share — Share buttons for X, Facebook, LinkedIn, Pinterest, WhatsApp, Telegram, Reddit, Email, copy link, and the device’s native share sheet. Links are built from the page being viewed, so they stay correct even inside query loops. Brand colors or your own, three sizes, and circle, rounded, square, or bare shapes.
• Star Rating — Show a rating as stars for reviews, testimonials, and product highlights. Any fraction displays exactly (4.7 of 5), the star can be any icon from the library — hearts, thumbs, circles — and you can add the value as text, an editable label, custom colors, size, and spacing.
• Steps — Walk visitors through any process — tutorials, recipes, onboarding, how-tos. Steps number themselves automatically (or show an icon instead), connect with a solid, dashed, or dotted line, flow vertically or horizontally, and can output HowTo structured data for search engines.
• Table of Contents — Auto-generates from your page or post headings, in Default, Boxed, Outlined, or Minimal styles with full color, spacing, and typography control.
• Tabs — Organize content into switchable tabbed sections with horizontal or vertical tab lists, optional icons per tab, Line and Boxed styles, and an automatic accordion layout on mobile.
• Team Member — A person card with photo, name, role, short bio, and social links — team pages, about sections, speaker lists. Circle, rounded, or square photo shapes, and the social links are the native WordPress Social Icons block nested inside.
• Testimonial — Share customer quotes with an optional star rating, avatar, name, and role. Choose the Default, Centered, or Bubble style, tune the quote-mark and star colors, and use it anywhere on its own — or as a slide inside the Testimonial Carousel.
• Testimonial Carousel — Put your testimonials in a swipeable slider with arrows, dots, and optional autoplay that pauses on hover and respects reduced-motion preferences. Show one to four slides at a time with responsive collapsing, and it keeps working without JavaScript.
• Timeline — Tell a story in chronological steps — company history, project milestones, roadmaps, résumés. Place the line left, right, or center with alternating entries, add a date label and an optional marker icon per entry, fill entries with any blocks.
• Video Popup — A thumbnail with a play button that opens YouTube, Vimeo, or self-hosted video in a lightbox. Nothing loads until played, YouTube uses the privacy-enhanced domain, and without JavaScript the thumbnail falls back to a plain link.

💎 Pro Blocks

Bloqra Pro adds 21 blocks for dynamic content, social feeds, and conversion:

• Post Grid — Responsive post grid with a taxonomy filter bar, numbered pagination or AJAX load-more, and full control over what each post card shows.
• Post Carousel — Posts in a swipeable carousel — slides per view, autoplay, infinite loop, arrows and dots.
• Post Masonry — Pinterest-style masonry post listing with natural image heights in pure CSS columns.
• Post Slider — Full-width featured-post hero slider — featured-image backgrounds, overlay, title, and CTA, with autoplay and loop.
• Post Timeline — Posts on a vertical timeline — line left, right, or center-alternating, with date markers.
• Related Posts — Automatically related posts by shared categories and tags, with a recent-posts fallback — grid or list layout.
• Dynamic Content — Output a custom field — post meta, ACF, Meta Box, or Pods — as text, image, or link, with formatting and a fallback.
• Repeater Field — Loop the rows of an ACF or Meta Box repeater into a list or grid, mapping sub-fields to image, heading, text, and link roles.
• Instagram Feed — Latest Instagram posts in a grid or carousel, cached server-side so your pages stay fast.
• Facebook Feed — Latest posts from a Facebook Page in a grid or list, cached server-side.
• YouTube Feed — Latest videos from a YouTube channel or playlist in a grid — played in a lightbox, inline, or on YouTube.
• X / Twitter Feed — Embed an X (Twitter) profile or list timeline with theme, height, and chrome styling — loads lazily near the viewport, no API key needed.
• Google Reviews — Google Business reviews with stars and an overall-rating header — grid, list, or carousel, cached server-side.
• Popup / Modal — Build a popup from any blocks and open it on click, on a timer, at a scroll depth, or on exit intent.
• Announcement Bar — Site-wide announcement bar with optional countdown and CTA, start/end scheduling, and a dismiss button visitors are remembered for.
• Sticky CTA Button — Floating action button that stays visible while scrolling — WhatsApp, call, email, scroll-to-top, or any link.
• Cookie Notice — GDPR-style consent banner with accept/decline, a remembered choice, and a consent event other scripts can listen for.
• Chart — One block, six chart types — bar, line, area, pie, donut, and radar — with a dataset editor, legend, and axis options, rendered with bundled Chart.js.
• Advanced Map — OpenStreetMap (no API key) or Google Maps with multiple markers, popups, map styles, and an in-editor address search.
• Video Playlist — Multi-video player with a playlist — YouTube, Vimeo, and video files, auto-advance, loop, speed control, and an optional sticky mini-player.
• Image Comparison — Show a before-and-after image comparison with a draggable slider. Add any two images, choose a vertical or horizontal slider, and customize the handle and labels.

Bloqra Pro also includes licensing with automatic updates, a settings page for social feed and map API credentials, and server-side feed caching with an adjustable duration.

🚀 Why Choose Bloqra?

• Built for the block editor — Native WordPress editing with the same color, typography, spacing, and border panels core blocks use.
• Lightweight and performance-focused — No jQuery. Each block’s CSS and JS load only on pages that use it, and many blocks ship zero front-end JavaScript.
• Works without JavaScript — Sliders scroll natively on touch, FAQs use the details element, galleries and tables render complete. JavaScript enhances; it never gate-keeps.
• SEO structured data built in — FAQ outputs FAQPage JSON-LD and Steps outputs HowTo JSON-LD, generated server-side so they always match your content.
• Mirrors core blocks — Comparison Table edits like the core Table, Masonry Gallery like the core Gallery, with two-way transforms between them.
• Responsive and accessible — Tabs collapse into an accordion on mobile, with ARIA patterns, keyboard navigation, and reduced-motion fallbacks on every block.
• Theme friendly — Block styles for one-click looks, with colors, spacing, and typography picking up your theme’s presets automatically.
• Translation and RTL ready — Prepared for multilingual websites.
• Developer friendly — Standard block APIs, schema filters, and clean markup that keeps rendering even if the plugin is deactivated.

Choosing Bloqra is a good decision you can make for your website. Download Bloqra today and start enhancing your website design and look with powerful Gutenberg blocks that are built for performance and ease of use.

Get Started Today:

Install Bloqra from the WordPress plugin repository and activate it on your website. Once activated, you can directly use the blocks in the WordPress block editor to create stunning layouts and designs. Customize the blocks to match your website’s style and start building your dream website today! See the plugin documentation for a guided tour of every block.

SEO and User Experience

Bloqra helps you build cleaner layouts that are easier to read and navigate. The FAQ and Steps blocks output FAQPage and HowTo structured data, making your pages eligible for rich results. The Table of Contents, Scroll Indicator, and Accordion blocks improve navigation and content structure on long-form posts, documentation, service pages, and resource pages.