Lesson 38-Excellent CSS3 open source library

  1. Bootstrap: https://getbootstrap.com/
    A powerful front-end framework that provides many tools and components for building responsive websites.
  2. Foundation: https://get.foundation/
    Another popular front-end framework that also provides many tools and components for building responsive websites.
  3. Bulma: https://bulma.io/
    A Flexbox-based CSS framework that provides concise, reliable and customizable styles.
  4. Tailwind CSS: https://tailwindcss.com/
    A tool for quickly building interfaces that provides a set of modern style classes.
  5. Materialize: https://materializecss.com/
    A CSS framework based on Material Design that provides many components and styles for building responsive websites.
  6. Skeleton: http://getskeleton.com/
    A concise CSS framework for building responsive websites.
  7. Pure.css: https://purecss.io/
    A concise CSS framework for building responsive websites.
  8. Hammer.js: https://hammerjs.github.io/
    A JavaScript library for building touch-friendly interfaces.
  9. Animate.css: https://animate.style/
    A library for creating CSS animations.
  10. Swiper: https://swiperjs.com/
    A feature-rich touch sliding library for building responsive websites. It provides many modern sliding effects and interactive methods, which can quickly build a modern interface.
  11. Less: http://lesscss.org/
    A dynamic style sheet language that makes CSS more powerful and maintainable.
  12. Stylus: https://stylus-lang.com/
    Another dynamic style sheet language that makes CSS more powerful and maintainable.
  13. PostCSS: https://postcss.org/
    A tool chain for processing CSS that can automate and optimize CSS code.
  14. Rebass: https://rebassjs.org/
    A React-based UI component library that provides cross-platform styles and components.
  15. Tachyons: https://tachyons.io/
    A feature-rich CSS tool set for building responsive websites.
  16. UIkit: https://getuikit.com/
    A lightweight, modular front-end framework that provides a large number of customizable components and a flexible theme system
  17. Susy: https://susy.oddbird.net/
    Susy is a CSS framework for building responsive websites. It uses a powerful grid system that automatically adjusts the grid layout according to different screen sizes.
  18. Autoprefixer: https://autoprefixer.github.io/
    Autoprefixer is a CSS tool for automatically adding browser prefixes. It can automatically add necessary prefixes based on browser usage and CSS features to ensure cross-browser compatibility.
  19. Modernizr: https://modernizr.com/
    Modernizr is a JavaScript library for detecting browser feature support. It can detect browser-supported CSS features, HTML5 elements, and JavaScript features to perform feature detection and polyfill when needed.
  20. Gridlex: https://gridlex.dev/
    Gridlex is a Flexbox-based CSS framework for building responsive grid layouts. It provides many modern style classes that can quickly build flexible and responsive grid layouts.
  21. Hover.css: https://ianlunn.github.io/Hover/
    Hover.css is a CSS library for creating mouse hover effects. It provides many predefined mouse hover styles, which can easily add mouse hover effects to elements.
  22. NES.css: https://nostalgic-css.github.io/NES.css/
    NES.css is a NES-style based CSS framework for creating interfaces similar to the style of the classic NES console.
  23. Tufte CSS: https://edwardtufte.github.io/tufte-css/
    Tufte CSS is a CSS library for creating Tufte-style web pages. Tufte style is an academic style that is concise, readable and high-quality.
  24. Primer.css: https://primer.style/
    Primer.css is a CSS framework based on GitHub style for building responsive web pages. It provides many modern style classes and components to quickly build a GitHub-style interface.
  25. Spectre.css: https://picturepan2.github.io/spectre/
    Spectre.css is a CSS framework based on Flexbox for building responsive web pages. It provides many modern style classes and components to quickly build a modern-style interface.
  26. Wing: https://kbrsh.github.io/wing/
    Wing is a CSS framework based on Flexbox for building responsive web pages. It provides many modern style classes and components to quickly build a modern-style interface.
  27. Animate.css https://animate.style/
    Animate.css is a library for creating CSS animations. It provides many predefined animation effects, which can easily add animation effects to elements.
  28. Chakra UI: https://chakra-ui.com/
    Chakra UI is a UI component library based on React. It provides many modern UI components, which can quickly build modern-style interfaces.
  29. Emotion: https://emotion.sh/
    Emotion is a library for CSS-in-JS that can embed CSS styles into React components. It provides many modern style classes and tools to quickly build modern-style interfaces.
  30. Semantic UI: https://semantic-ui.com/
    Semantic UI is a Flexbox-based CSS framework for building responsive web pages. It provides many modern style classes and components, which can quickly build modern style interfaces.
  31. Sass: https://sass-lang.com/
    Sass is a CSS preprocessor for writing more maintainable and extensible CSS code. It provides many advanced features such as variables, nesting, mixin, etc., which can improve the writing efficiency and maintainability of CSS.
  32. Less: http://lesscss.org/
    Less is a CSS preprocessor that extends the functionality of the CSS language to make it more powerful and expressive. Less supports features such as variables, mixins, functions, etc., making CSS writing simpler and more maintainable.
  33. sprite.js https://spritejs.com/
    Sprite.js is a cross-platform 2D drawing object model library that supports graphics drawing and various animation effects for web, node, desktop applications and WeChat applets.
Share your love