mnimermnimer
11

UniversalMind CQ Components

screenshot of UniversalMind CQ Components

Set of core CQ5 components created by UniversalMind. Components include a set of Twitter Bootstrap components, mockup components for generating lorem ipsum and placeholder images, and more.

Github

Overview

The UniversalMind-CQ-Components offer a versatile set of core components designed to streamline the development process when working with Adobe CQ5. Created by the talented team at Universal Mind, this collection ensures that developers and designers have access to a suite of both mockup and general components, significantly enhancing workflow efficiency. Whether you're building responsive layouts or seeking placeholder content, these components provide crucial tools to elevate your projects.

What sets the UniversalMind-CQ-Components apart is not only their intuitive design but also their integration with Twitter Bootstrap, making it easier for developers to create web applications that are beautifully responsive. From compelling headers to dynamic maps, this set covers a remarkable range of needs, ensuring that you're well-equipped to tackle any challenge that comes your way.

Features

  • Lorem Ipsum Generator: Easily generate placeholder text from multiple services, including classic Lorem Ipsum, Bacon Ipsum, and even Baseball-themed text, making your mockups more engaging.

  • Image Placeholder: Quickly create random placeholder images from a variety of fun sources like kittens, puppies, and bears to enhance the visuals of your mockups.

  • HTML Component: Utilize a WYSIWYG editor to insert custom HTML directly into your pages, giving experienced users more control over their content.

  • Fluid-Row Component: This parent container allows for the definition of responsive columns and offsets, making it simple to create complex layouts and nest rows as needed.

  • Page Header: A responsive header component that allows customization for different devices, contributing to an enhanced user experience across all platforms.

  • NavBar: Integrate a navigation bar into your page effortlessly with options for dynamic or manual lists of items, enhancing site navigation.

  • Hero Unit: Add a Bootstrap "Hero Unit" for impactful introductions to pages, capturing user attention right away.

  • LeafletJS Map Component: Incorporate maps using the popular LeafletJS library, complete with draggable custom markers, perfect for location-based applications.