70+ CSS Only Layouts, Components & Patterns – csslayout

Category: CSS & CSS3 , Recommended | December 20, 2019
Author: phuoc-ng
Views Total: 511
Official Page: Go to website
Last Update: December 20, 2019
License: MIT

Preview:

70+ CSS Only Layouts, Components & Patterns – csslayout

Description:

The csslayout project provides a collection of 70+ commonly used layouts, components, and patterns for the modern web & mobile design.

Layouts:

csslayout Layouts

  1. Holy grail
  2. Same height columns
  3. Sidebar
  4. Simple grid
  5. Split screen
  6. Sticky footer
  7. Sticky header
  8. Stick section

Navigation:

csslayout Navigation

  1. Breadcrumb
  2. Circular navigation
  3. Dot navigation
  4. Drawer
  5. Dropdown
  6. Full-screen menu
  7. Menu
  8. Pagination
  9. Previous next buttons
  10. Split navigation
  11. Tab
  12. Wizard

Form controls:

csslayout Form Controls

  1. Button with icon
  2. Custom checkbox button
  3. Custom radio button
  4. Floating label
  5. Input addon
  6. Radio button group
  7. Radio switch
  8. Rating
  9. Search box
  10. Slider
  11. Spin button
  12. Stepper input
  13. Switch
  14. Toggle password visibility
  15. Upload button

Components:

csslayout Components

  1. Accordion
  2. Avatar
  3. Avatar list
  4. Badge
  5. Card
  6. Centering
  7. Close button
  8. Cookie banner
  9. Corner ribbon
  10. Docked at corner
  11. Dot leader
  12. Drop area
  13. Drop cap
  14. Feature comparison
  15. Feature list
  16. Fixed at corner
  17. Keyboard shortcut
  18. Initial avatar
  19. Media object
  20. Overlay play button
  21. Pricing table
  22. Property list
  23. Questions and answers
  24. Ribbon
  25. Separator
  26. Timeline
  27. Video background

Feedback:

csslayout Feedback

  1. Modal
  2. Notification
  3. Popover arrow
  4. Progress bar
  5. Radial progress bar
  6. Resizable element
  7. Presence indicator
  8. Tooltip
  9. Validation icon

Changelog:

12/20/2019

  • Added more components

You Might Be Interested In:


Leave a Reply