wireframe - minimal wireframing css-framework 🎈

  •        3

WIP - minimal wireframing css-framework. Example index.html is given.

https://github.com/agauniyal/wireframe#readme

Tags
Implementation
License
Platform

   




Related Projects

kube - Kube CSS Framework

  •    Javascript

Kube ("kyu:b") is a web framework for professional developers and designers alike. Kube is built and designed to provide the most flexible yet powerful CSS framework to the community. Unlike many other web frameworks, Kube is great for both super-fast bootstrapping and for a serious cutting edge, future-proof web development. Kube is a wireframe, a skeleton for your project, in a way. It doesn’t impose design styles or code decisions; it does require fluency and proficiency with latest HTML and CSS technologies, though.

webgl-wireframes - Stylized Wireframe Rendering in WebGL

  •    Javascript

This is the code for a November 2017 net magazine tutorial, Stylized Wireframe Rendering in WebGL. Check out the article (when it's released) for more details.Click here to see a live demo.

wired-elements - Collection of elements that appear hand drawn. Great for wireframes.

  •    Javascript

Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun hand-drawn look. The elements are drawn with enough randomness that no two renderings will be exactly the same - just like two separate hand drawn shapes.

wireframe-world - An infinite wireframe world in WebGL

  •    Javascript

As for the implementation, it is not very difficult stuff; I divide up the world into chunks(just like in Minecraft), and as the camera traverses the world, the chunks that become out of range are thrown away and are no longer rendered. And in the far away horizon I keep adding new chunks, to give the illusion that the world is infinite. Port the program into screensavers for OS X, Windows and Linux.

wireframe - free Teracy wireframe kit (and we're available for hire! https://dribbble

  •    

This is the Wireframe kit created to help speed up your wireframing process. This kit includes basics UI elements for web, UI elements for Mobile and other devices will be updated in the future. Almost every UI elements are converted to Symbol so they can be reused across the projects. Remember to use Duplicate Symbol function so that you can easily customize the element or create your own custom one.


wirefy

  •    Javascript

Wirefy is a browser based responsive wireframe tool, which allows you to create functional wireframes using standard elements. Think of it as the foundation for your content to be built on. This allows you to focus on the content rather than the design to get faster sign off. Wirefy is not a one-solution answer.

aWireframeML

  •    

Application Wireframe XML and reference software/stylesheets. This project aims to create a xml schema for application wireframes used during requirements gathering phase of development. The goal is a methodology and programming language agnostic format.

globe - Globe wireframe visualizations in Golang

  •    Go

Globe wireframe visualizations in Golang backed by pinhole. Start with a blank globe with a graticule at 10 degree intervals.

mini.css - A minimal, responsive, style-agnostic CSS framework!

  •    CSS

mini.css is a lightweight CSS framework (under 7KB gzipped) designed with mobile devices and modern browsers in mind. Responsiveness, ease of use and customization are some of the main features of the framework, while accessibility and extensive documentation are some of the secondary focuses of the project. The framework is written using Sass, while most of its components are based on Flexbox. For instructions on how to use, best practices, templates and other usage information, please visit the framework's documentation.

furatto - It's a flat, fast and powerful front-end framework for rapid web development.

  •    CSS

Furatto is a lightweight & friendly front-end framework got get the job done, created and maintained by Abraham Kuri from Icalia Labs.We recommend you read the Getting started guide for information about the contents, caveats and more.

Fake-images-please - Fakeimg

  •    Python

When designing websites, you may not have the images you need at first. But you already know the sizes and inserting some placeholders can help you better seeing the layout. Don’t waste your time making dummy images for your mockup or wireframe. Fakeimg.pl is a little tool that generates images with an URL. Choose the size, the colors, even the text. It’s free and open-source. Use them directly in an image tag or a CSS background, or whatever you want to.

vanilla-framework - From community websites to web applications, this CSS framework will help you achieve a consistent look and feel

  •    CSS

Vanilla Framework is a simple extensible CSS framework, built using Sass and is designed to be used either directly or by using themes to extend or supplement its patterns. You can link to the latest build to add directly into your markup like so, by replacing the x values with the version number you wish to link.

spectre - Spectre.css - A Lightweight, Responsive and Modern CSS Framework

  •    CSS

Spectre.css is a lightweight, responsive and modern CSS framework. Spectre is a side project based on years of CSS development work on a large web service project. Spectre only includes modern base styles, responsive layout system, CSS components and utilities, and it can be modified for your project with Sass/Scss compiler.

spaceBase - A Sass-based responsive CSS framework.

  •    CSS

Many CSS frameworks are meant to be included and left alone. But spaceBase is a boilerplate layer that can be built upon and tailored for your needs. It combines best practices for today’s responsive web with the core components we use on every project. Consider it the launch pad for your adventures into cyberspace. spaceBase is the front-end starter files for any new web project. It sets up your Sass architecture and normalizes your CSS and native HTML elements. It provides the structural groundwork for your application.

inuitcss - Extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects.

  •    CSS

Extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects. inuitcss is a framework in its truest sense: it does not provide you with UI and design out of the box, instead, it provides you with a solid architectural baseline upon which to complete your own work.

Saas - CSS with superpowers

  •    Ruby

Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin. Sass boasts more features and abilities than any other CSS extension language out there.

grunt-contrib-compass - Compile Compass to CSS.

  •    Javascript

Run this task with the grunt compass command. Compass is an open-source authoring framework for the Sass css preprocessor. It helps you build stylesheets faster with a huge library of Sass mixins and functions, advanced tools for spriting, and workflow improvements including file based Sass configuration and a simple pattern for building and using Compass extensions.

sass-style-guide - Sass coding guidelines for BigCommerce themes

  •    CSS

Bigcommerce uses Sass for style generation. Bigcommerce's naming conventions are heavily influenced by the SUIT CSS framework and align closely to Medium's thoughts on CSS. Which is to say, it relies on structured class names and meaningful hyphens (i.e., not using hyphens merely to separate words). This helps to work around the current limits of applying CSS to the DOM (i.e., the lack of style encapsulation), and to better communicate the relationships between classes.

mustard-ui - A starter CSS framework that actually looks good.

  •    CSS

Mustard is a starter CSS framework that actually looks good. You can start configuring the colors to suit your needs by first changing the $brand-color variable located in src/scss/base/base.scss from $color-green-500 to $color-indigo-500 or any other color you'd like. There are lots of colors that can be found in the src/scss/vars/colors.scss file.





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.