Jump to content

Sharing some Rock Page Builder buttons


FireWire
 Share

Recommended Posts

Hey all!

I've been creating new block/widget buttons for the current project I'm working on and wanted to share them in case they may be useful to others. They're SVGs intended to complement the style of buttons that come with RockPageBuilder.

This post has been updated with a link to a Github repository containing all of the buttons currently available. New buttons have been added. Existing buttons have have been tweaked for quality and consistency.

Download from or fork the Builder Buttons Github repository

Rather than keep this post up to date with every button that is added, visit the Github repo to see the most current example and download/clone buttons for use in your projects.

Buttons include:

  • Accordion
  • Announcement
  • Articles
  • Audio
  • Bios
  • Call To Action
  • Card Over Image
  • Code/Embed
  • Events
  • Image
  • Image Carousel
  • Image Mosaic
  • Image Roll
  • List
  • Lists
  • Products
  • Reviews
  • Video
  • Weather

Preview (not in order of list)

preview.thumb.png.d07d5e782ed2fc9b76f0f566088c9d21.png

 

If you find them useful, let me know what you think!

 

 

  • Like 8
  • Thanks 6
Link to comment
Share on other sites

  On 10/14/2024 at 3:47 AM, herr rilke said:

is there any chance to share the code as well?

Expand  

They're all SVG files so if you import them into something that works with vector graphics you can edit, modify, or create new ones using them as a template or starting point. If you open them in a text editor you can change the SVG markup as well.

Beyond that I'm not sure what you mean by sharing the code.

Link to comment
Share on other sites

  On 10/19/2024 at 5:14 AM, herr rilke said:

it was just the idea to share not only the images of blocks but also the .php and .less files of the blocks - and that this could be a thread of it's own anyone could post in their own solutions.

Expand  

Ah! I get it now. I wouldn't mind sharing them but... there's a fair bit of abstraction on some of them. I'll probably share more when I can complete the project to have something cohesive.

  • Like 2
Link to comment
Share on other sites

Hi all (again)!

I'm continuing to create buttons and have created a Github repo for all of the images. I've since added another after updating the initial post above. The repo will always have the latest preview, and new buttons. As mentioned above, the latest push contains cleanup and consistency for existing buttons as well as several new ones.

Download from or fork the Builder Buttons Github repository

Enjoy!

  • Like 2
Link to comment
Share on other sites

  • 3 months later...
  On 3/22/2025 at 6:38 PM, bernhard said:

You are aware that you can use any fontawesome icon for the buttons via the "icon" property of the block? Or are your blocks different?

Expand  

I knew that at some point but didn't connect it in my brain when I made the map feature. The other ones were made before I knew that. The rest of them are original. I just upgraded RPB and saw the notes on the module config page which was a good reminder ๐Ÿ‘

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
ร—
ร—
  • Create New...