Yeti.css
yeti.css is an open-source CSS framework that provides reusable CSS components to help developers quickly build consistent, responsive web apps and sites. It includes layout tools, CSS components, and utilities like color palettes, typography, grid system, and more.
css
framework
responsive
web-development
frontend-development
yeti.css: Open-Source CSS Framework for Responsive Web Apps
yeti.css is an open-source CSS framework that provides reusable CSS components to help developers quickly build consistent, responsive web apps and sites. It includes layout tools, CSS components, and utilities like color palettes, typography, grid system, and more.
What is Yeti.css?
yeti.css is an open-source, modular CSS framework for developing fast and powerful web interfaces. Built with Sass, it allows you to compose complex UIs out of simple building blocks.
Some key features of yeti.css:
- Modular architecture - Only import what you need, keep your CSS bundles small.
- Extensive theming - Customize colors, typography, shadows and more with a few lines of Sass.
- Layout components - Build complex responsive layouts with container, grid, navbar and hero.
- Reusable elements - Buttons, cards, alerts, loaders and many more.
- Utilities classes - Position, spacing, color and display helpers.
- Excellent documentation - Everything you need to get up and running fast.
- Customizable Sass source - Tweak anything to match your design needs.
yeti.css aims to provide all the building blocks you need for your next web project, without being overly prescriptive or bloated. With its modular approach, you can keep unused CSS out of your production builds. And extensive customization options mean it will blend seamlessly into any project.
Yeti.css Features
Features
- Responsive layout system
- Modular CSS components
- Utility classes
- SASS source files
- Customizable with variables
- Lightweight
Pricing
- Open Source
Pros
Open source
Well documented
Active community support
Customizable
Modular approach
Mobile-friendly responsive design
Cons
Less components than larger frameworks
May require more custom CSS
Smaller community than alternatives
Less browser support than Bootstrap
Official Links
The Best Yeti.css Alternatives
Top Development and Css Frameworks and other similar apps like Yeti.css
Here are some alternatives to Yeti.css:
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...
Eva Design System
Eva Design System is an open-source UI library and design system that provides components and tools for building consistent, accessible web applications and websites. Developed by Akveo, Eva Design System offers a comprehensive collection of customizable UI components, including:ButtonsForm elements like inputs, selects, checkboxesNavigation elements like breadcrumbs, pagination, stepsData elements...
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...
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,...
React-md
react-md is an open-source React component library that implements Google's Material Design specification. It provides a set of reusable UI components like buttons, cards, menus, dialogs, etc. that allow developers to quickly build web applications with a Material Design look and feel.Some key features of react-md include:Components follow Material Design...
Little Widgets
Little Widgets is a user-friendly widget creation and management application designed to provide an intuitive interface for designing, customizing, and deploying widgets across digital platforms. With its drag-and-drop widget builder, users can easily create engaging widgets in just minutes without needing to know how to code.The software comes packed with...
Bourbon
Bourbon is an open-source Sass mixin library designed to make front-end development faster. It provides a set of useful Sass mixins and functions that help developers avoid writing repetitive CSS code from scratch.Some of the main features of Bourbon include:Mixins for CSS3 properties like transforms, transitions, box-shadow, etc.Helper functions for...
