# Competitor Comparison # The following charts provide a comparison of Toolkit to other popular front-end libraries. The charts demonstrate what features and plugins are implemented by each vendor. A green cell in the chart denotes support for that item, while red denotes no support. If a cell is blue, than either partial support is provided, or the plugin has a different name. The following libraries are being compared: * Foundation 5.4.7 * Bootstrap 3.3.1 * Semantic UI 0.19.3
Please submit a pull request or contact us if any information in this chart is incorrect. We will update accordingly.
## Sizes ## The following table represents the minified un-gzipped distribution files for each library.
Toolkit Foundation Bootstrap Semantic UI
CSS Components 20 23 23 24
JS + CSS Plugins 19 16 12 19
CSS Filesize 49KB 148KB 113KB, 20KB (theme) 237KB
JS Filesize 67KB 187KB 36KB 138KB
Images 0 0 0 8
Fonts 0 0 1 2
## Plugins ## The following plugins (components and behaviors) are found within Toolkit.
Plugin Toolkit Foundation Bootstrap Semantic UI
Base (Helpers) ✓ ✓ ✓ ✓
Accordion ✓ ✓ Known as Collapse ✓
Blackout ✓
Breadcrumb ✓ ✓ ✓ ✓
Button ✓ ✓ ✓ ✓
Button Group ✓ ✓ ✓ ✓
Button + Dropdown ✓ ✓ ✓ ✓
Carousel ✓ Known as Orbit ✓
Code ✓ ✓
Divider ✓ ✓
Drop (Dropdown) ✓ ✓ ✓ ✓
Flex (Flexbox) ✓
Flyout ✓
Form ✓ ✓ ✓ Known as Input
Grid ✓ ✓ ✓ ✓
Icon ✓ ✓
Input ✓ Known as Checkbox, Dropdown
Input Group ✓ Known as Pre/Postfix ✓ Part of Input
Label ✓ ✓ ✓ ✓
Lazy Load ✓
Loader ✓ ✓
Mask ✓ Known as Dimmer
Matrix ✓
Modal ✓ Known as Reveal ✓ ✓
Notice ✓ Known as Alert Known as Alert Known as Message
Off Canvas ✓ ✓ Known as Sidebar
Pagination ✓ ✓ ✓ Part of Menu
Pin ✓ Known as Magellan Known as Affix
Popover ✓ ✓
Progress ✓ ✓ ✓ ✓
Responsive ✓ Part of Visibility and Media Queries ✓
Showcase ✓ Known as Lightbox
Stalker ✓ Part of Magellan Known as Scrollspy
Step ✓ ✓
Switch ✓ ✓
Table ✓ ✓ ✓ ✓
Tab ✓ ✓ ✓ Part of Menu
Tooltip ✓ ✓ ✓ Known as Popup
Type Ahead ✓
Typography ✓ ✓ ✓
The following plugins are found within Foundation that have not been mentioned previously.
Plugin Toolkit Foundation Bootstrap Semantic UI
Abide ✓ Known as Form Validation
Block Grid Possible with Grid mixins ✓
Equalizer ✓
Flex Video ✓ Known as Responsive Embed
Interchange ✓
Joyride ✓
Panels ✓ ✓ Known as Segment
Sliders ✓
Side Nav ✓ Part of Menu
Sub Nav ✓ Part of Menu
Top Nav ✓ Known as Navbar Possible with Menu
The following plugins are found within Bootstrap that have not been mentioned previously.
Plugin Toolkit Foundation Bootstrap Semantic UI
Badge Part of Label ✓ Part of Label
Glyphicons ✓
Image ✓ ✓
Jumbotron ✓
List Group ✓
Media ✓
Nav Possible with Tabs ✓ Part of Menu
Navbar Known as Top Bar ✓ Part of Menu
Page Header ✓ Known as Header
Panels ✓ ✓
Thumbnail ✓ ✓
Transitions ✓ ✓
Wells ✓ Known as Segment
The following plugins are found within Semantic UI that have not been mentioned previously.
Plugin Toolkit Foundation Bootstrap Semantic UI
Reveal ✓
Comment ✓
Feed ✓
Item ✓
Rating ✓
Shape ✓
## Features ##
Feature Toolkit Foundation Bootstrap Semantic UI
Technology
Sass ✓ ✓ ✓
Compass ✓ ✓
Less ✓ ✓
Gulp ✓
Grunt ✓ ✓ ✓
Packagers
NPM ✓ ✓
Ruby Gems ✓ ✓ Sass version only
Bower ✓ ✓ ✓ ✓
Composer ✓ ✓
Functionality
CSS Animations ✓ Partially Partially Partially
CSS Transitions ✓ ✓ Partially Partially
Rem Scaling ✓ ✓ ✓
Mobile First ✓ ✓ ✓ ✓
Responsive ✓ ✓ ✓ ✓
Fluid ✓ Partially Partially Partially
Right-to-Left ✓ ✓
ARIA ✓
Flexbox ✓