Refills

Refills makes it possible to have quick access to a wide variety of professionally-done UI widgets.

This UI framework contains a very large collection of UI patterns, components, and even some ready-made type systems that can easily be added to your project and work without much configuration.

All the components have originally been written in SASS, using modern coding toolkits like the Bourbon SASS mixins library, the Neat grid system, and the Bitters basic project styling tool.

If and when you decide to use this tool for your future projects, you need to know that once loaded, you can easily use only the UI components you like, and not load them all at the same time.

All code is very well organized and developers can easily put apart only the widgets they want to use.

Besides the basic SASS styles, Refills also comes packaged with the proper JS and ERB (HTML) code, so you only need to copy-paste the widget's source to your project and edit the default content.

Features:

• UI Patterns:
• Navigation
• Hero Unit
• Intro Text
• Icon Bullet Points
• Device
• Side Image
• Search Tools
• Cards
• Browser
• Comments
• Accordion / Tabs
• Tables
• Vertical Tabs
• Grid Items
• Footers
• UI Components:
• Pagination
• Modal
• Sliding Menu
• Badges
• Breadcrumbs
• Hover Tile Animation
• Accordion
• Search bar
• Switch
• Image with gradient overlays
• Button Group
• Dropdown
• Progress Bars
• Tooltip
• Responsive Video Embed
• Textures
• Type Systems:
• Serif
• Sans Serif
• Slab Serif
• Rounded Sans Serif
• Traditional
• Geometric

What is new in this release:

• Fixed errors caused by missing generator dependency in list generator
• Navigation refill: Keep search and sign up visible on mobile screens
• Navigation refill: Add dropdown menu
• Navigation refill: Add indication on currently selected nav item