Susy
Susy is a lightweight and responsive CSS framework that makes it easy to build responsive layouts. It uses Sass to provide a syntax for easily declaring responsive layouts. Susy helps web developers quickly build flexible, customizable layouts that adapt to multiple screen sizes.
responsive-design
sass
layouts
flexbox
Susy: Responsive CSS Framework
Susy is a lightweight and responsive CSS framework that makes it easy to build responsive layouts. It uses Sass to provide a syntax for easily declaring responsive layouts. Susy helps web developers quickly build flexible, customizable layouts that adapt to multiple screen sizes.
What is Susy?
Susy is an open-source, lightweight and responsive CSS framework for quickly building adaptive web layouts. It provides a flexible grid system and a set of Sass mixins that make it easy to declare fluid grids, columns, gutters, and more in your SCSS code.
Some key features of Susy include:
- Flexible grids - Easily configure a responsive grid with the number of columns, column and gutter widths, layout direction, and more.
- Media queries - Susy can generate media queries for your breakpoints automatically.
- Lightweight - Only outputs the CSS you need for your declared layouts.
- Customizable - Change grid settings per-layout or even per-section as needed.
- Sass-based - Uses native Sass features for easy configuration in your Sass/SCSS stylesheet.
- Good browser support - Works with all modern browsers including IE9 and up.
Susy is a great choice if you want an easy way to build responsive, flexible grid layouts from Sass without having to write all the complex CSS yourself. Its focus on customization and small file size make it suitable for use in most web development projects.
Susy Features
Features
- Lightweight and responsive CSS framework
- Makes it easy to build responsive layouts
- Uses Sass for declaring responsive layouts
- Helps build flexible, customizable layouts
- Adapts to multiple screen sizes
Pricing
- Open Source
Pros
Lightweight
Easy to use
Flexible
Customizable
Responsive
Cons
Less features than larger frameworks
Steeper learning curve than standard CSS
Requires Sass knowledge
Not as widely adopted as Bootstrap or Foundation
Official Links
The Best Susy Alternatives
Top Development and Css Frameworks and other similar apps like Susy
Here are some alternatives to Susy:
Suggest an alternative ❐
Tailwind CSS
Tailwind CSS is an open-source CSS framework that takes a utility-first approach for building custom user interfaces. Instead of opinionated pre-designed components, Tailwind provides low-level utility classes for typical CSS properties like color, padding, font-size, etc. Developers can compose these atomic utility classes together to rapidly build out UI without...
Materialize
Materialize is an open-source front-end framework that helps web developers build responsive and mobile-first websites quickly. It is based on Google's Material Design principles and provides many user interface components out of the box to construct web pages, including:ButtonsCardsChipsFormsNavbarsGrid systemTablesModalsToastsAnd more...Developers can simply include the Materialize CSS and JavaScript files...
Material UI
Material UI is an open-source React component library that implements Google's Material Design guidelines. It provides developers with a collection of reusable UI components that can be used to quickly build high-quality, responsive web applications.Some key features of Material UI include:Over 60 ready-made components like buttons, cards, menus, lists, etc.Responsive...
Bulma
Bulma is an open source CSS framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces. Its main advantages are:Based on Flexbox for layout, making it fully responsive by defaultElegant design with focus on typography and colorsExtensive documentation with many examplesLightweight at around 30KB...
UIkit
UIkit is an open-source web framework for developing fast and powerful web interfaces. It provides a collection of reusable HTML, CSS, and JavaScript components that can be used to build responsive, mobile-first websites and applications.Some key features of UIkit include:An extensive library of pre-built components like typography, forms, tables, tabs,...
JQuery Mobile
jQuery Mobile is an open source framework for building responsive websites and web apps that work on mobile devices like smartphones and tablets. It makes it easy to design pages that work well on multiple screen sizes while looking and feeling like native apps.Some key features of jQuery Mobile include:Touch-friendly...
Tailwind UI
Tailwind UI is an extensive, open-source component library for Tailwind CSS created by the developers of Tailwind CSS itself. It features over 100 responsive HTML and React components and pages that can be used to accelerate development of web applications built with Tailwind.Some of the key features and benefits of...
Purecss
Purecss is an open-source CSS framework designed for quickly building lightweight, responsive web interfaces. Here are some key details about Purecss:Created and maintained by Yahoo/Verizon Media.Very lightweight at 4.5KB minified and gzipped.Follows a modular approach, allowing developers to include only the CSS for components they need.Provides layout modules like grids,...
Semantic UI
Semantic UI is an open-source front-end development framework that helps web developers build consistent, responsive web pages and web applications. It provides theming capabilities, templates, and reusable UI components to quickly build modern interfaces.Some key features of Semantic UI:Responsive grid system for building responsive layoutsprebuilt UI components like buttons, menus,...
Topcoat
Topcoat is an open-source CSS library created and maintained by Adobe to provide designers and developers with a set of reusable UI components for building web applications and sites. The goal of Topcoat is to help streamline interface design with lightweight, flexible CSS code that is easy to implement and...
