Samenvatting
Nebula is één van de twee standaard blokbibliotheken in Mach3Blocks. Het bevat 205 kant-en-klare blokken verdeeld over 24 categorieën — van hero-banners en contactformulieren tot prijstabellen en tijdlijnen. De blokken hebben een modern, minimalistisch ontwerp met veel witruimte. Hieronder vind je het complete overzicht van alle Nebula-blokken, zodat je weet wat er beschikbaar is.
Hoe werkt het
Nebula-blokken vind je in de blokbibliotheek van de editor. Bij het invoegen selecteer je Nebula in het dropdown-menu bovenin en blader je door de categorieën. Elk blok kun je na het invoegen volledig aanpassen aan je eigen ontwerp — kleuren, teksten, afbeeldingen, alles is bewerkbaar.
Overzicht per categorie
Hieronder zie je per categorie hoeveel blokken er zijn en wat voor soort blokken je kunt verwachten:
| Categorie | Aantal | Wat zit erin |
|---|---|---|
| CTA (Call to action) | 9 | Secties met een opvallende knop om bezoekers tot actie aan te zetten |
| Cards (Kaarten) | 9 | Overzichten met kaarten — handig voor diensten, features of teamleden |
| Carousel (Sliders) | 12 | Doorschuifbare kaarten — ideaal voor testimonials of portfolio's |
| Contact | 13 | Contactformulieren en contactsecties met adresgegevens |
| Content | 16 | Tekstblokken met koptekst en beschrijving — de basis van elke pagina |
| FAQ | 7 | Veelgestelde vragen in uitklapbare secties (accordions) |
| Features (Kenmerken) | 5 | Overzichten van functionaliteiten of kenmerken van je product of dienst |
| Footer | 4 | Footers voor onderaan je pagina, met kolommen voor links en tekst |
| Gallery (Galerij) | 5 | Fotogalerijen voor het tonen van meerdere afbeeldingen |
| Header | 4 | Navigatiebalken met logo en menu |
| Hero | 20 | Grote banners bovenaan je pagina, met titel, tekst en actieknop |
| List (Lijsten) | 18 | Lijstoverzichten — geschikt voor opsommingen of processtappen |
| Navigation (Navigatie) | 7 | Navigatiebalken met knoppen |
| Popin (Pop-ups) | 3 | Overlay-elementen die over de pagina heen verschijnen |
| Preloader | 3 | Laadanimaties die worden getoond terwijl de pagina laadt |
| Pricing (Prijzen) | 4 | Prijstabellen voor het vergelijken van pakketten of abonnementen |
| Products (Producten) | 8 | Productkaarten voor het tonen van je aanbod |
| Projects (Projecten) | 6 | Projectoverzichten — handig voor portfolio's |
| Showcase | 19 | Presentatieblokken om content aantrekkelijk in beeld te brengen |
| Social media | 6 | Blokken voor social media links en feeds |
| Statistics (Statistieken) | 4 | Blokken met opvallende cijfers en getallen |
| Sticky | 13 | Elementen die meescrollen en altijd zichtbaar blijven |
| Tabs | 5 | Tabbladen waartussen bezoekers kunnen wisselen |
| Timelines (Tijdlijnen) | 5 | Tijdlijnen voor het tonen van een chronologisch verhaal |
Stappenplan
- Open een pagina in de editor
- Klik op Blok invoegen
- Selecteer Nebula in het dropdown-menu bovenin
- Kies een categorie in de linkerzijbalk
- Klik op het blok dat je wilt gebruiken en klik op Invoegen
- Pas de inhoud en stijl aan via het rechter paneel
Alle blokken per categorie
Hieronder vind je elk individueel blok met zijn technische ID en een korte omschrijving. Dit is handig als je precies wilt weten welke blokken er in een categorie zitten.
CTA — Call to action (9 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-18174 | Call-to-action (twee kolommen) met koptekst en knop |
| lib-block-18175 | Call-to-action (één kolom) met koptekst en knop |
| lib-block-18176 | Call-to-action (één kolom) met koptekst en knop |
| lib-block-18177 | Call-to-action (één kolom) met koptekst en knop |
| lib-block-18178 | Call-to-action (twee kolommen) met koptekst en knop |
| lib-block-18179 | Call-to-action (twee kolommen) met koptekst en knop |
| lib-block-18180 | Call-to-action (twee kolommen) met koptekst en knop |
| lib-block-20119 | Call-to-action (drie kolommen) met koptekst en knop |
| lib-block-18181 | Call-to-action (vijf kolommen) met koptekst en knop |
Cards — Kaarten (9 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-12669 | Kaarten met icoon en tekst (7 kolommen) |
| lib-block-12673 | Kaartenoverzicht (5 kolommen) |
| lib-block-13010 | Kaartenoverzicht (5 kolommen) |
| lib-block-12681 | Kaarten met icoon en tekst (7 kolommen) |
| lib-block-12965 | Kaartenoverzicht (6 kolommen) |
| lib-block-13047 | Kaartenoverzicht (5 kolommen) |
| lib-block-13539 | Kaartenoverzicht (8 kolommen) |
| lib-block-13350 | Kaartenoverzicht (1 kolom) |
| lib-block-20190 | Kaartenoverzicht (9 kolommen) |
Carousel — Sliders (12 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-12613 | Slider/carousel van kaarten |
| lib-block-12652 | Slider/carousel van kaarten |
| lib-block-12653 | Slider/carousel van kaarten |
| lib-block-12707 | Slider/carousel van kaarten |
| lib-block-12846 | Slider/carousel van kaarten |
| lib-block-12919 | Slider/carousel van kaarten |
| lib-block-13538 | Slider/carousel van kaarten |
| lib-block-16809 | Slider/carousel van kaarten |
| lib-block-18405 | Slider/carousel van kaarten |
| lib-block-19899 | Slider/carousel van kaarten |
| lib-block-19042 | Slider/carousel van kaarten |
| lib-block-19978 | Slider/carousel van kaarten |
Contact (13 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-12873 | Contactsectie |
| lib-block-13521 | Contactformulier |
| lib-block-13586 | Contactsectie |
| lib-block-15617 | Contactsectie |
| lib-block-12913 | Contactformulier |
| lib-block-12931 | Contactformulier |
| lib-block-16812 | Contactformulier |
| lib-block-17585 | Contactformulier |
| lib-block-17570 | Contactformulier |
| lib-block-17580 | Contactsectie |
| lib-block-17582 | Contactsectie |
| lib-block-17589 | Contactformulier |
| lib-block-20118 | Contactsectie |
Content (16 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-12636 | Tekstblok met koptekst en beschrijving |
| lib-block-13523 | Tekstblok met koptekst en beschrijving |
| lib-block-13528 | Tekstblok met koptekst en beschrijving |
| lib-block-12718 | Tekstblok met koptekst en beschrijving |
| lib-block-12792 | Tekstblok met koptekst en beschrijving |
| lib-block-12869 | Tekstblok met koptekst en beschrijving |
| lib-block-13516 | Tekstblok met koptekst en beschrijving |
| lib-block-13519 | Tekstblok met koptekst en beschrijving |
| lib-block-13561 | Tekstblok met koptekst en beschrijving |
| lib-block-12942 | Tekstblok met koptekst en beschrijving |
| lib-block-12943 | Tekstblok met koptekst en beschrijving |
| lib-block-16449 | Tekstblok met koptekst en beschrijving |
| lib-block-16799 | Tekstblok met koptekst en beschrijving |
| lib-block-16800 | Tekstblok met koptekst en beschrijving |
| lib-block-16805 | Tekstblok met koptekst en beschrijving |
| lib-block-17079 | Tekstblok met koptekst en beschrijving |
FAQ (7 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-12588 | FAQ-accordion met vragen en antwoorden |
| lib-block-12863 | FAQ-accordion met vragen en antwoorden |
| lib-block-18298 | FAQ-accordion met vragen en antwoorden |
| lib-block-18308 | FAQ-accordion met vragen en antwoorden |
| lib-block-18309 | FAQ-accordion met vragen en antwoorden |
| lib-block-18310 | FAQ-accordion met vragen en antwoorden |
| lib-block-18324 | FAQ-accordion met vragen en antwoorden |
Features — Kenmerken (5 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-12531 | Functionaliteitenoverzicht (6 kolommen) |
| lib-block-12585 | Kenmerken met iconen (5 kolommen) |
| lib-block-17154 | Functionaliteitenoverzicht (1 kolom) |
| lib-block-19033 | Kenmerken met iconen (3 kolommen) |
| lib-block-20094 | Kenmerken met iconen (1 kolom) |
Footer (4 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-12635 | Footer met tekst (3 kolommen) |
| lib-block-12648 | Footer met tekst (4 kolommen) |
| lib-block-13537 | Footer met tekst (8 kolommen) |
| lib-block-16813 | Footer met tekst en social iconen (6 kolommen) |
Gallery — Galerij (5 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-16900 | Fotogalerij |
| lib-block-16903 | Fotogalerij |
| lib-block-17297 | Fotogalerij |
| lib-block-17248 | Fotogalerij |
| lib-block-17252 | Fotogalerij |
Header (4 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-12696 | Header met logo, navigatie en actieknop |
| lib-block-16055 | Header met logo, navigatie en actieknop |
| lib-block-16890 | Header met logo en navigatie |
| lib-block-17123 | Header met logo, navigatie en actieknop |
Hero (20 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-12786 | Hero (8 kolommen) — koptekst, beschrijving, actieknop |
| lib-block-12899 | Hero (één kolom) — koptekst, beschrijving |
| lib-block-12889 | Hero — koptekst, beschrijving, actieknop, formulier |
| lib-block-12902 | Hero (3 kolommen) — koptekst, beschrijving |
| lib-block-13041 | Hero (één kolom) — koptekst, beschrijving, formulier |
| lib-block-13019 | Hero (twee kolommen) — koptekst, beschrijving, formulier |
| lib-block-15911 | Hero (één kolom) — koptekst, beschrijving, actieknop, formulier |
| lib-block-13068 | Hero (twee kolommen) — koptekst, beschrijving, formulier |
| lib-block-12483 | Hero met achtergrondafbeelding — koptekst, beschrijving |
| lib-block-12682 | Hero (één kolom) — koptekst, actieknop |
| lib-block-12698 | Hero (twee kolommen) — koptekst, beschrijving |
| lib-block-12959 | Hero (twee kolommen) — koptekst, beschrijving |
| lib-block-13092 | Hero — koptekst, beschrijving, actieknop |
| lib-block-12567 | Hero met achtergrondafbeelding — koptekst, beschrijving, actieknop |
| lib-block-12739 | Hero (één kolom) — koptekst |
| lib-block-12533 | Hero (één kolom) — koptekst, beschrijving, actieknop |
| lib-block-16537 | Hero (3 kolommen) — koptekst, beschrijving, actieknop, formulier |
| lib-block-17053 | Hero (één kolom) — koptekst, beschrijving, formulier |
| lib-block-17478 | Hero (twee kolommen) — koptekst, beschrijving, actieknop |
| lib-block-20228 | Hero (één kolom) — koptekst, beschrijving, actieknop |
List — Lijsten (18 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-12640 | Lijstoverzicht (6 kolommen) |
| lib-block-12647 | Lijstoverzicht (8 kolommen) |
| lib-block-13358 | Lijstoverzicht (1 kolom) |
| lib-block-13473 | Lijstoverzicht (1 kolom) |
| lib-block-13487 | Lijst met iconen (2 kolommen) |
| lib-block-13514 | Lijstoverzicht (9 kolommen) |
| lib-block-15476 | Lijstoverzicht (5 kolommen) |
| lib-block-17373 | Lijstoverzicht (7 kolommen) |
| lib-block-17392 | Lijstoverzicht (6 kolommen) |
| lib-block-17394 | Lijstoverzicht (6 kolommen) |
| lib-block-17395 | Lijst met iconen (4 kolommen) |
| lib-block-17407 | Lijstoverzicht (8 kolommen) |
| lib-block-17544 | Lijstoverzicht (7 kolommen) |
| lib-block-17563 | Lijst met iconen (2 kolommen) |
| lib-block-17999 | Lijstoverzicht (4 kolommen) |
| lib-block-18291 | Lijstoverzicht (7 kolommen) |
| lib-block-18295 | Lijstoverzicht (7 kolommen) |
| lib-block-18297 | Lijstoverzicht (13 kolommen) |
Navigation — Navigatie (7 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-16066 | Navigatiebalk met knop |
| lib-block-16406 | Navigatiebalk met knop |
| lib-block-16551 | Navigatiebalk |
| lib-block-13599 | Navigatiebalk met knop |
| lib-block-13653 | Navigatiebalk met knop |
| lib-block-16546 | Navigatiebalk met knop |
| lib-block-18486 | Navigatiebalk met knop |
Popin — Pop-ups (3 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-16528 | Pop-in / pop-up element |
| lib-block-16665 | Pop-in / pop-up element |
| lib-block-17696 | Pop-in / pop-up element |
Preloader (3 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-16739 | Preloader animatie |
| lib-block-16740 | Preloader animatie |
| lib-block-16763 | Preloader animatie |
Pricing — Prijzen (4 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-18132 | Prijstabel (2 kolommen) |
| lib-block-18160 | Prijstabel (2 kolommen) |
| lib-block-18201 | Prijstabel (3 kolommen) |
| lib-block-18202 | Prijstabel (3 kolommen) |
Products — Producten (8 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-16613 | Productkaarten (7 kolommen) |
| lib-block-16489 | Productkaarten (3 kolommen) |
| lib-block-16612 | Productkaarten (6 kolommen) |
| lib-block-17081 | Productkaarten (5 kolommen) |
| lib-block-16591 | Productkaarten (2 kolommen) |
| lib-block-16777 | Productkaarten (4 kolommen) |
| lib-block-17096 | Productkaarten (8 kolommen) |
| lib-block-17108 | Productkaarten (2 kolommen) |
Projects — Projecten (6 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-12627 | Projectoverzicht (9 kolommen) |
| lib-block-12714 | Projectoverzicht (3 kolommen) |
| lib-block-12724 | Projectoverzicht (4 kolommen) |
| lib-block-12716 | Projectoverzicht (7 kolommen) |
| lib-block-17168 | Projectoverzicht (7 kolommen) |
| lib-block-17177 | Projectoverzicht (7 kolommen) |
Showcase (19 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-12569 | Showcase blok |
| lib-block-12933 | Showcase blok |
| lib-block-12570 | Showcase blok |
| lib-block-12582 | Showcase blok |
| lib-block-12580 | Showcase blok |
| lib-block-12713 | Showcase blok |
| lib-block-12590 | Showcase blok |
| lib-block-16423 | Showcase blok |
| lib-block-12755 | Showcase blok |
| lib-block-12989 | Showcase blok |
| lib-block-12576 | Showcase blok |
| lib-block-12577 | Showcase blok |
| lib-block-16558 | Showcase blok |
| lib-block-12573 | Showcase met afbeelding (twee kolommen) |
| lib-block-12912 | Showcase blok |
| lib-block-12587 | Showcase blok |
| lib-block-12964 | Showcase blok |
| lib-block-17195 | Showcase blok |
| lib-block-17244 | Showcase blok |
Social media (6 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-18431 | Social media blok |
| lib-block-18611 | Social media blok |
| lib-block-18945 | Social media blok |
| lib-block-18964 | Social media blok |
| lib-block-18642 | Social media blok |
| lib-block-18613 | Social media blok |
Statistics — Statistieken (4 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-12568 | Statistieken met cijfers (6 kolommen) |
| lib-block-16462 | Statistieken met cijfers (1 kolom) |
| lib-block-16524 | Statistieken met cijfers (1 kolom) |
| lib-block-16748 | Statistieken met cijfers (1 kolom) |
Sticky (13 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-16067 | Sticky navigatie of banner |
| lib-block-16079 | Sticky navigatie of banner |
| lib-block-16082 | Sticky navigatie of banner |
| lib-block-16085 | Sticky navigatie of banner |
| lib-block-16165 | Sticky navigatie of banner |
| lib-block-16442 | Sticky navigatie of banner |
| lib-block-16439 | Sticky navigatie of banner |
| lib-block-16459 | Sticky navigatie of banner |
| lib-block-16453 | Sticky navigatie of banner |
| lib-block-16530 | Sticky navigatie of banner |
| lib-block-16667 | Sticky navigatie of banner |
| lib-block-18396 | Sticky navigatie of banner |
| lib-block-18410 | Sticky navigatie of banner |
Tabs (5 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-15864 | Tabbladen met wisselende inhoud |
| lib-block-15870 | Tabbladen met wisselende inhoud |
| lib-block-17250 | Tabbladen met wisselende inhoud |
| lib-block-17360 | Tabbladen met wisselende inhoud |
| lib-block-20084 | Tabbladen met wisselende inhoud |
Timelines — Tijdlijnen (5 blokken)
| Blok | Omschrijving |
|---|---|
| lib-block-16725 | Tijdlijn |
| lib-block-16765 | Tijdlijn |
| lib-block-13560 | Tijdlijn |
| lib-block-17157 | Tijdlijn |
| lib-block-20231 | Tijdlijn |