Displaying 1 to 20 from 22 results

Stevia - :leaves: Healthy Autolayout Sugar

  •    Swift

In the project folder, you can find an example of a typical login view laid out in both native and Stevia for you to understand and compare the two approaches.

lain - Awesome WM complements

  •    Lua

Successor of awesome-vain, this module provides alternative layouts, asynchronous widgets and utility functions for Awesome. Read the wiki for all the info. Constructive criticism and suggestions are welcome.

driveway - pure CSS masonry layouts

  •    HTML

driveway is an explorative project for developing pure CSS masonry layouts. It is developed using stylus. You may have come here from the blog post I wrote about pure CSS masonry layouts. If that's the case and you want the exact code I used in that post(with vendor prefixing), you'll be best served looking in the dist folder for driveway.blog.css and driveway.blog.min.css. Alternatively, use bower to pull in the repo.




handlebars-layouts - Handlebars helpers which implement layout blocks similar to Jinja, Nunjucks (Swig), Pug (Jade), and Twig

  •    Javascript

Handlebars helpers which implement layout blocks similar to Jade, Jinja, Nunjucks, Swig, and Twig.Helpers are generated by passing in your instance of Handlebars. This allows you to selectively register the helpers on various instances of Handlebars.

eta - Embedded JS template engine for Node, Deno, and the browser

  •    TypeScript

Eta is a lightweight and blazing fast embedded JS templating engine that works inside Node, Deno, and the browser. Created by the developers of Squirrelly, it's written in TypeScript and emphasizes phenomenal performance, configurability, and low bundle size. Simply put, Eta is super: super lightweight, super fast, super powerful, and super simple. Like with EJS, you don't have to worry about learning an entire new templating syntax. Just write JavaScript inside your templates.

docpad-plugin-multiplelayouts - Multiple layouts per document for DocPad

  •    CoffeeScript

Add additional layouts to your documents by adding 'additionalLayouts' to a document's metadata.Install this DocPad plugin by entering docpad install multiplelayouts into your terminal.

h4e - Hogan for Express, with support for partials

  •    Javascript

Hogan for Express 3.x (should work with Express 2.x too but I haven't tested it yet), with intelligent support for partials and layouts.You can also add it to your package.json, the latest version is 0.3.0. Here is the npm page.


modern-css-layouts - A collection of popular web layouts implemented using modern CSS flexbox or grid

  •    HTML

Collection of CSS Layouts of popular sites, implemented at basic level using modern CSS layouts such as flexbox or grid.

assemble-pattern-lab - An easier-to-use, cleaner and more extensible build system for pattern-lab.

  •    Javascript

An easier-to-use and more extensible build system for pattern-lab. This project uses Assemble to build projects with pattern lab conventions.

building-blocks - Foundation Building Blocks: Foundation Components, modules, and layouts you can use in your projects

  •    HTML

In short: The intent of Building Blocks are to solve common patterns, scaffold faster, and integrate with your existing styles right out of the box. Building Blocks are easy to use in your projects whether you’re using a CSS version or the powerful ZURB Stack. Below, we’ve outlined how to get a Building Block into your project in a snap and build faster.

jquery.atteeeeention - A 'Google Image Search style' image alignment jQuery plugin.

  •    Javascript

A 'Google Image Search style' image alignment jQuery plugin. If you have a image gallery with different width and height for each image, your page may look messy. Use this plugin to align your gallery with a 'Google Image Search' style result.

jquery.center - A jQuery plugin that centralizes DOM element

  •    Javascript

A jQuery plugin that centralizes DOM element. This simple plugin helps you centralize your DOM element against their parent element or the window. You can also specify the top of the DOM element by passing customized settings. This plugin only works for absolute elements.

postcsslayouts - This is the repository for my course, Building a Responsive Single-Page Design with PostCSS on LinkedIn Learning and Lynda

  •    HTML

Learn how to create responsive single-page websites with PostCSS, the CSS post-processor engine that extends the power of CSS through JavaScript. These step-by-step instructions take existing HTML markup and add style, animation, and responsive navigation. This combination allows for dynamic one-page sites—a popular design that's now even faster and easier to create with PostCSS. Along the way, Ray Villalobos introduces some handy plugins, tips for integrating PostCSS into a Gulp-based workflow, and techniques for making layouts more responsive with Flexbox. This repository has branches for each of the videos in the course. You can use the branch pop up menu in github to switch to a specific branch and take a look at the course at that stage. Or you can simply add /tree/BRANCH_NAME to the URL to go to the branch you want to peek at.

exphbs - A Handlebars view engine for Express

  •    Javascript

A Handlebars view engine for Express 4.x/3.x, with Node.js and io.js support

layouts - Wraps templates with layouts

  •    Javascript

Wraps templates with layouts. Layouts can use other layouts and be nested to any depth. This can be used 100% standalone to wrap any kind of file with banners, headers or footer content. Use for markdown, HTML, handlebars views, lo-dash templates, etc. Layouts can also be vinyl files. Please consider following this project's author, Brian Woodward, and consider starring the project to show your ❤️ and support.

Ciro - Ciro is a MVC PHP Framework to kickstart your project rapidly, it's designed to be simple, modular, decoupled, extensible and lightweight to make it easier to build better and easily maintined PHP code

  •    PHP

Ciro is a MVC PHP Framework to kickstart projects rapidly, it's designed to be simple, configurable, modular, decoupled, extensible and lightweight to make it easier to build better and easily maintained PHP code. Ciro comes with a template project with a simple authentication system to kickstart developing for you project or prototype.

postcss-gap-properties - Use the gap, column-gap, and row-gap shorthand properties in CSS

  •    Javascript

PostCSS Gap Properties lets you use the gap, column-gap, and row-gap shorthand properties in CSS, following the CSS Grid Layout specification.

react-cast - create simple, beautifully animated grid-based layouts using react

  •    Javascript

Make beautiful, animated grid-layouts. Check out the example for advanced usage. This is an early release, so expect more documentation, examples, and tests, soon. View a demo here.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.