EasyFlipView - 💳 A quick and easy flip view through which you can create views with two sides like credit cards, poker cards etc

•    Java

---

A quick and easy flip view through which you can create views with two sides like credit cards, poker cards etc. Changes exist in the releases tab.

android-library views custom-view xml layouts credit-cards poker-cards android animation

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.

autolayout layout stevia constraints view interface freshos dsl ios visual-format-language xcode cocoapods ui auto layouts carthage storyboard xib nslayoutconstraints

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.

awesomewm layouts widgets utilities

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.

masonry panel segment cluster layout layout-engine layouts ui html html5 css3 css-masonry-layouts css pure flexbox

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.

handlebars layouts templating partials nodejs layout embed blocks dust express hbs jade mote mustache nunjucks swig twig

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.

nodejs typescript template-engine expressjs-templating-engine template-engine-html deno deno-module ejs-alternative handlebars ejs eta embedded-template-engine layouts partials typescript-types

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.

docpad-plugin docpad layouts multiple-layouts

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.

hogan express partials layouts mustache

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.

css css-grid css-flexbox layouts

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.

atoms components handlebars-helper-rel layouts molecules organisms pages pattern-lab patterns templates ui

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.

snippets snippets-library snippet-pack code component components html html5 css css3 sass scss library component-library layouts layout responsive responsive-design ui ui-components

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.

google-image-search image-align alignment image-alignment layout layouts

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.

center centralize alignment layout layouts

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.

postcss precss css responsive layouts tutorial training linkedinlearning lynda lynda-com rayvillalobos

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

express handlebars hbs layouts partials

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.

layout layouts nested-layouts vinyl vinyl-files templates handlebars express consolidate ejs jade liquid atpl coffee dot dust eco ect engine engines haml haml-coffee hamljs handlebars-layouts hbs hogan hogan-js jazz jqtpl liquor lodash mote mustache nest nested nunjucks page qejs ractive stack stacked swig template templayed tmpl toffee transformers underscore walrus whiskers wrap

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.

php-framework mvc-framework layouts pretty-urls custom-routing mongodb mysql psql php7 php5

vue-spa-multiple-layouts-example - Sample application that shows how to use multiple layouts in single SPA app

•    Javascript

---

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

vue vuex spa layouts example vue-router vuetify vuetifyjs

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.

postcss css postcss-plugin grids layouts columns rows gaps shorthands prefixes

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.

react reactjs grid animated layouts masonry