Responsive UI

Responsive layouts can be achieved in any Page or Post with a single shortcode:


Quickly build responsive, interactive content with Rapid Platform’s components and shortcodes. The design attribute lets you specify a named style/color/animation set; choose from several included designs (per shortcode) or develop your own design to match Rapid Platform’s UI to your own site/theme. Built from the ground up to work with most fluid/responsive/adaptive layouts and designs.

Key Features


Shortcodes are the bread and butter of Rapid Platform’s UI, offering more than 10 fully responsive and flexible user interface controls that are ready to quickly adapt to your site/theme.


Components give designers and developers flexible, ready-to-use (and re-usable) design elements with deep functionality such as the lightbox and universal login.

UI Settings

Rapid Platform incorporates a simple fluid layout using CSS3 media queries to adapt the components and shortcodes to any screen size. Further customize this behavior through the UI Settings panel.

Rapid Philosophy

User Interface (UI) + User Experience (UX) + Responsive Web Design (RWD)

responsiveBetter UI Controls

When it comes to modern web pages, we often see controls (buttons, radios, checkboxes) that are severely lacking in responsiveness, tactility or visual cues. Browse the web for at least 30 minutes and you’ll notice that no two websites agree on how a button should behave, or what the icon for a menu should look like.

We think that clicking a button should feel like pushing a button with your finger – it’s the effect we’re trying to replicate after all! Furthermore, clicking a button that takes time to process a result should not let a user click that button again while the previous process is running. There is no standardized model for these behaviors yet, but we’re hoping to raise the bar a bit.

Anyone Can Use It

Brinking on a new age of web development, one thing that will certainly show up in new flavors is the visual editor (WYSIWYG) which most non-technical users are familiar with, and are capable of using to publish their own content to the web (Facebook and Twitter being good examples). Visual editors have made it possible for anyone to do this with literally no technical experience required. WordPress functions similarly, and its shortcodes make it even easier for developers and non-technical users to incorporate advanced objects and styling into a web page with very little time or experience required.

Keeping it Simple

Maybe you’ve heard of two-column or three-column layouts. These are usually fixed templates aligned using a grid system like 960gs, Blueprint or Twitter Bootstrap. With Rapid Platform there’s no need for that. Rapid Platform offers a set of Responsive UI tools and design patterns for building user interfaces in both the WordPress front-end and back-end. Responsive, columnized layouts are easy to build using the [rp_grid] shortcode. This flexibility means that having a distinct, responsive layout per-Page or per-Post is not only possible but very simple. For example, the three-column layout on this page was built using the default page template (index.php) and three calls to [rp_grid]. No need to use a columnized layout template and no need to write specially tagged markup.

Shortcode Magic

Shortcodes help speed up site building and development considerably. They are a key feature we tap into with the Rapid Platform. Despite the fact that newer visual editors such as markdown-with-preview or drag-and-drop interfaces are becoming more popular, wide-spread usage of custom shortcodes throughout the WordPress community suggests that shortcodes aren’t going away anytime soon. In fact, shortcode syntax is very similar to markdown, and both happen to offer the same benefit: a very shorthand way of incorporating complex HTML/CSS without cluttering the visual editor or interrupting the writing process.