Formir

screenshot of Formir
less
scss

A css framework for UI develop, pure css and html

Overview

Formir is an innovative open-source framework that utilizes pure CSS and HTML, eliminating the need for any JavaScript code for functionality. Its design philosophy centers around leveraging CSS styles and <input/> elements, making it lightweight and efficient for web development. Ideal for those who prefer a simple, yet powerful solution for building user interfaces, Formir supports both LESS and SASS preprocessors, enabling developers to work with the tools they prefer.

The project encourages community involvement, inviting developers to contribute and enhance its capabilities. With components ranging from grids to modals, Formir promises to streamline the development process while maintaining a robust and flexible framework.

Features

  • Open Source: Fully accessible and free to use, allowing developers to contribute and modify the framework as needed.
  • No JavaScript Required: Relies solely on CSS and HTML for functionality, which improves load times and reduces complexity.
  • Preprocessor Support: Compatible with both LESS and SASS, offering flexibility for developers familiar with these popular stylesheets.
  • Rich Component Library: Includes essential UI components like modals, tooltips, alerts, and more, ready for immediate use in projects.
  • Lightweight and Efficient: Built to be minimal in size, enhancing performance without sacrificing usability or design.
  • Community Driven: Actively encourages contributions and feedback, fostering a collaborative approach to development.
  • Cross-Browser Testing: Utilizes BrowserStack for rigorous testing across different browsers, ensuring compatibility and quality.
less
LESS

Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.