A lightweight and modular front-end framework for developing fast and powerful web interfaces

Related tags

CSS uikit
Overview

uikit banner

UIkit

Discord

UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.


UIkit is an Open Source project developed by YOOtheme.


Getting started

You have the following options to get UIkit:

  • Download the latest release with pre-built CSS and JS.
  • Install with npm to get all source files as they are available on Github: npm install uikit
  • Install with yarn to get all source files as they are available on Github: yarn add uikit
  • Directly load UIkit from jsDelivr: https://www.jsdelivr.com/package/npm/uikit
  • Clone the repo to get all source files including build scripts: git clone git://github.com/uikit/uikit.git

Developers

To always have the latest development version of UIkit, even before a release, you may want to use npm or yarn with the dev tag.

Contributing

Finding bugs, sending pull requests or improving our docs - any contribution is welcome and highly appreciated. To get started, head over to our contribution guidelines. Thanks!

Versioning

UIkit is maintained by using the Semantic Versioning Specification (SemVer).

Browser Support

Chrome Firefox Edge IE Safari Opera
Latest Latest Latest 11+ 9.1+ Latest

Tested With
BrowserStack

Copyright and License

Copyright YOOtheme GmbH under the MIT license.

Comments
  • UIkit 3 Ideas and Suggestions

    UIkit 3 Ideas and Suggestions

    UPDATE: Get ready... UIkit 3 beta is coming on Monday 9th, January 🎉💥


    We would love to get your feedback and ideas for UIkit 3. Just post them here.

    The following lists are a short roundup of all feature requests below (hope I did not miss one) and what our thoughts are about them. I will update the list if new ideas are posted.

    On our todo list

    Following feature requests are planned or already in development.

    • Custom dist builder (Only the components you need) - Coming with Website Relaunch
    • Switch to SVG instead of Icon fonts - Not started yet
    • New navbar style - Default Theme will be completely overhauled with UIkit 3.0
    • Bigger default font-size - Default Theme will be completely overhauled with UIkit 3.0
    • Standarize script event - Modal use uk.modal.show while Nestable use sortable-start
    • Unit-less line-heights #461
    • Better JS documentation
    • More examples in documentation

    In consideration

    Following feature requests are taken into consideration.

    • Tags component for forms (Like select2)
    • Background classes like uk-background-primary
    • Sticky footers
    • A .psd file for quicker mockups

    Not very likely

    Following feature requests will most likely not be added to UIkit. But no final decision made. So it is open for discussion.

    • IE9 animation keyframe fallback
    • Inline calendar
    • All js in one file
    • Grid push classes for different screen sizes
    • Different tooltips (like danger, success)
    • Tree-view component
    • Form Validation
    • Navbar modifier for dark version
    • Stack multiple modals
    • Multi level drop down menu
    • Remember active tabs after reloading the page
    • Button custom active
    • Nestable with copy function

    Already available

    Following feature requests are already available in UIkit.

    • Sass Support - Docs
    • New dist repository for Bower - Bower Repo
    • Slideshow component - Docs, Test
    • Animations for Switcher - Docs
    • Responsive tables - Docs
    • Full screen images - Docs, Test
    • Flexbox component - Docs, Test
    • Markdown Support - Docs, Test
    • Nicer form checkbox/radio elements - Docs, Test
    • Elegant sticky headers (Scroll out and return later) - Docs, Test
    • Toggle with custom classes (like uk-hidden-small) - Docs, Test
    • Parallax component - Docs, Test
    • Accordion component - Docs, Test
    • Grid without gutter - Docs
    • Overlay with zoom effect - Docs
    • Popover component - Docs, Test

    Reported bugs

    Please don't use this thread to report bugs. Instead open a new issue.

    opened by saschadube 360
  • interested in [official] SASS port of uikit

    interested in [official] SASS port of uikit

    Hey uikit!

    Are you guys interested in an SASS port for this project?

    Originally I am a bootstrapper, but I like the style and structure of uikit.

    I am not new to this, previously I was one of the contributor of the jlong/sass-bootstrap project. Did the translation for many bootstrap 2.x and 3.x versions.

    I don't know, if a project-fork is the right decision, as the guys did for twbs/bootstrap-sass. Maybe a scss directory structure inside this repo would be fine. With some smart conversion scripts around. But that is to much detail for the moment.

    What are your thoughts..?

    Best, m5o

    opened by m5o 45
  • Icons not showing (beta7)

    Icons not showing (beta7)

    I updated the less and js files to the latest beta7 and the icons are not appearing, then i replaced the uikit.js with the beta6 one and they appear again. I get no errors in the console so i have no idea what's wrong

    Also i would like to suggest a global variable for the directory of the icons, that way 99.99% of the people will just replace one variable instead of 32457398472398792, thanks

    opened by SaphiLC 31
  • Where is the Date and Time Picker?

    Where is the Date and Time Picker?

    Sorry if I'm asking this here but where is the Date and Time Picker? There's no way to customize the current I can't find JS and CSS that refers to it also.

    Nothing in the documentation as well. In test, there's only one javascript option for form.

    opened by frogydiak 28
  • Dropdown with Multiple checkbox select

    Dropdown with Multiple checkbox select

    Hi UiKit Team, u did awesome framework for developers and compared to bootstrap ur given full feature and functionality. and one more i request to you pls develop Dropdown with Multiple checkbox select option, for example find bellow one link http://hemantnegi.github.io/jquery.sumoselect/sumoselect_demo.html

    i dont want to use external plugin for developement. i want to use only one that is your file . so pls develeop it

    ! Feature 
    opened by sadashivm 28
  • UIKit3: Icons don't work.

    UIKit3: Icons don't work.

    Where put <span uk-icon="icon: check"></span> icons.svg are not loaded, because there are loaded from path 'css/dist/images'. In project we have dir: css, js and images where are icons.svg.

    opened by luklus 26
  • Feature request - Sticky Footer

    Feature request - Sticky Footer

    This may already be possible, but there is nothing in the documentation for it, so am guessing it currently is not. But it would be great if the Sticky component could be used to make a sticky footer.

    Thanks very much :)

    ! Feature 
    opened by akcreation 24
  • CDN auto-update broken

    CDN auto-update broken

    Hi there,

    I'm Peter from @cdnjs, as requested in #153, @aheinze made a pull request: https://github.com/cdnjs/cdnjs/pull/2189 to host uikit on cdnjs, to make sure the human works minimum, I further enabled auto-update in https://github.com/cdnjs/cdnjs/commit/5a6c3a0dc2c3331a1a114859186f93fa0eaca96a, which will pull new releases via git tags, using dist/ folder, however, this folder seems to be removed since v2.27.3, which makes auto-update broken on CDNJS, I wonder if is possible to add it back so that we can pull the latest release automatically? Thanks a lot!

    Best, Peter

    opened by PeterDaveHello 23
  • uk-tabs will change from click and dragging mouse inside tab content in IE, Edge, and older Chrome

    uk-tabs will change from click and dragging mouse inside tab content in IE, Edge, and older Chrome

    Using the uk-tab functionality, we have run into a major bug that occurs in older versions of Chrome + newest version on older OSX, plus newest versions of Edge and Internet Explorer.

    While inside an active uk-tab, if I click and drag to the left or the right, the active tab changes. This is a major issue for us. Here is an example: http://codepen.io/eroc/pen/NRVJKB

    Click next to the h1 inside the tab's content, and drag to the left or right and you will see the tabs change.

    I have observed this behavior on the following operating systems and browsers: Mac OS X Mavericks v.10.9.5 - Chrome - latest version 54.0.2840.71 Mac OS X El Capitan v.10.11.6 - Chrome version 53.0.2785 (it is working in latest v 54.0.2840.71) Windows 10 - Microsoft Edge - latest version 38.14393 Windows 10 - Microsoft IE11 - latest versions 11.187.143

    *please note the windows machines are NOT touch devices.

    ! Bug 
    opened by EricJammin 23
  • How to use with npm and webpack

    How to use with npm and webpack

    Hi,

    Are there any examples of how to use this with NPM? All the documentation says is to do npm install uikit but not on how to actually use it/include additional components such as notification.

    When I try the following code in my main index.js file:

    import 'uikit';

    I get the following error:

    Module not found: Error: Can't resolve 'uikit'

    Has anyone used uikit with webpack/webpack2?

    opened by mjbates7 22
  • Double uk-icon when inside vue.js instance element

    Double uk-icon when inside vue.js instance element

    UIkit version

    3.0.0-beta.18

    Reproduction Link

    https://jsfiddle.net/egw6ha1g/6/ (every time in chrome & firefox, 2s timer) https://jsfiddle.net/egw6ha1g/4/ (every time in chrome, sometimes in firefox) (search for uk-icon in the HTML) (this is race condition, if vue.js loads first then the problem doesn't manifest itself)

    http://i.imgur.com/4kIJslD.png

    Steps to reproduce

    Put an element with uk-icon tag inside of vue.js instance element.

    What is Expected?

    One icon appears.

    What is actually happening?

    Two icons appear.

    I'm assuming this is because vue.js re-adds the elements after it parses them, causing uikit notice another uk-icon tag and it just adds the icon. Not sure if this is uikit or vue.js bug.

    opened by Tasssadar 21
  • no aria-expanded for toggle modal-dialogs

    no aria-expanded for toggle modal-dialogs

    UIkit Version

    3.15.18

    Actual Behavior

    The recommend markup to open a modal-dialog is with uk-toggle. BUT uk-toggle adds aria-expanded="false" to the HTML-element. This is wrong behaviour for modal-dialogs (see WCAG).

    Expected Behavior

    If I use uk-toggle AND the target is a uk-modal THEN there should not be an automatic aria-expanded on the uk-toggle.

    ! Bug 
    opened by MoppieMop 0
  • When opening modal with iframe in it, the dimensions of the modal cannot be in percent

    When opening modal with iframe in it, the dimensions of the modal cannot be in percent

    Summary

    I want to load HTML like an article from Joomla into a modalbox using uikit modal function. The dimensions of that modal should harmonize with the available screen width. This could be achieved easily by setting the dimensions in percent values. But the uk-modal does not allow, setting dimensions in percent.

    Feature Request: It should be possible, to set dimensions of a modalbox with an iframe in it in percent values.

    Priority

    5 - because I need this function in my new websites.

    ! Feature 
    opened by Ricolette256 0
  • Article Slider empty slides on tags in joomla plugin

    Article Slider empty slides on tags in joomla plugin

    We use ukit slider and article in combination as plugin for joomla 4.2.5 php8.1.

    the slider shows all slides for the posts. But as soon as keywords are added and these are selected, the filtering goes haywire and shows too many slides instead of just the ones selected via tags.

    You can test it here: https://codepen.io/WM-Loose/pen/dyKLPRx

    All and Tag1 is ok but Tag2 not.

    Hope you can help!

    Greatings from germany Dirk

    ! Bug 
    opened by WM-Loose 1
  • When opening a modal with audio in it, audio won't stop after closing the modal

    When opening a modal with audio in it, audio won't stop after closing the modal

    Summary

    When I start a modal window with an audio in the modalbox and I start playing the audio and then closing the modal box, the audio will keep on playing. In the uikit description for playing videos in a modalbox, they give a strong advice, to add "uk-video" at the end of the src definition. Consequently I am missing the function of a "uk-audio" term.

    Please add the missing event handler to uk-audio!

    PS: I am using YOOtheme pagebuilder and do not want to use their lightbox instead of the modal because of many flaws.

    Priority

    _On a scale of 1-5, how important is this feature to you? It is of big importance = 5 for me, because actually I am redesigning my two websites and do want this function in both websites.

    ! Feature 
    opened by Ricolette256 0
  • Add brand icons for the fediverse (Mastodon, Pixelfed,...)

    Add brand icons for the fediverse (Mastodon, Pixelfed,...)

    Summary

    Please add icons for the popular service/platforms on the Fediverse. Based on number of active users top priority for:

    There is also an icon to symbolize the Fediverse itself.

    Priority

    4: Want to update social network links and point to my fediverse accounts. Since these icons are missing in UIKit I would have to use a different icon library or add these icons individually myself.

    ! Feature 
    opened by HaraldWalker 0
Releases(v3.15.20)
  • v3.15.20(Jan 5, 2023)

    Changed

    • Improve close icon not overlaying content in Modal component for UIkit theme

    Fixed

    • Fix nav in Dropdown component not overriding properties of Nav component
    • Fix disable native position sticky in Sticky component if parents overflow is not set to visible
    • Fix Drop positioning
    Source code(tar.gz)
    Source code(zip)
    uikit-3.15.20.zip(368.07 KB)
  • v3.15.19(Dec 20, 2022)

    Changed

    • removeAttr no longer accepts a space separated list of attribute names

    Fixed

    • Fix stacking context if using position: sticky in Sticky component
    • Fix height calculation for box-sizing: border-box on Accordion content
    • Fix error in console if image can't be loaded in Svg component with stroke-animation: true
    • Fix scrollIntoView() no longer considers elements with position: clip as scrollable parents
    • Fix Slider shows not centered initially with center: true
    Source code(tar.gz)
    Source code(zip)
    uikit-3.15.19.zip(368.12 KB)
  • v3.15.18(Dec 13, 2022)

    Fixed

    • Fix positioning of Tooltip and Drop components if target is inline element
    • Fix Sticky component resizing on clsBelow class causes stutter
    • Fix Sticky component correctly resets on becoming inactive
    • Fix detection of finite mode in Slider component with center option enabled
    Source code(tar.gz)
    Source code(zip)
    uikit-3.15.18.zip(368.11 KB)
  • v3.15.17(Dec 6, 2022)

  • v3.15.16(Dec 5, 2022)

    Changed

    • Add will-change css property to Parallax elements

    Fixed

    • Fix for elements with position: sticky to keep their position when Offcanvas is opened
    • Fix regression in clicking hash links in Modal component that match sel-close option
    • Fix jump after animation if Accordion content has padding-bottom
    • Fix Sticky listens for resize of itself while not positioned fixed
    • Fix Sticky positioning on mobile devices
    Source code(tar.gz)
    Source code(zip)
    uikit-3.15.16.zip(369.64 KB)
  • v3.15.15(Dec 1, 2022)

    3.15.15 (December 1, 2022)

    Changed

    • Remove offsetTop and offsetLeft options from Image and Scrollspy component. Use margin instead.
    • Sticky component uses native position: sticky if possible

    Fixed

    • Fix Scroll and Scrollspy Nav components handle same site links only
    • Fix Drop positioning within not scrollable viewport
    • Fix overscroll behavior in Dropbar
    • Fix conversion of viewport height units with toPx() on mobile devices
    Source code(tar.gz)
    Source code(zip)
    uikit-3.15.15.zip(369.28 KB)
  • v3.15.14(Nov 21, 2022)

  • v3.15.13(Nov 17, 2022)

  • v3.15.12(Nov 4, 2022)

    Added

    • Add uikit:init event triggered on document before components initialize

    Fixed

    • Fix placeholder has no width if Sticky element's width depends on its content
    • Fix Slider/Slideshow Parallax respect media option
    • Fix Video component with autoplay: true no longer resumes autoplay on scroll after being paused
    • Fix width/height passed through attrs to video item in Lightbox component
    • Fix regression in Sortable component (elements are hidden after sorting)
    Source code(tar.gz)
    Source code(zip)
    uikit-3.15.12.zip(368.58 KB)
  • v3.15.11(Oct 25, 2022)

    Added

    • Add Crosshairs icon

    Removed

    • Remove focusable option from Icon and SVG component

    Fixed

    • Fix content not focusable with keyboard in Scrollspy component
    • Fix removing Lightbox causes JavaScript error
    • Fix cases where Switcher component wouldn't correctly initialize in Chrome
    • Fix Drop component positioning if target and element are not within same scroll parent
    Source code(tar.gz)
    Source code(zip)
    uikit-3.15.11.zip(368.43 KB)
  • v3.15.10(Sep 21, 2022)

  • v3.15.9(Sep 19, 2022)

  • v3.15.8(Sep 14, 2022)

  • v3.15.7(Sep 13, 2022)

  • v3.15.6(Aug 31, 2022)

  • v3.15.5(Aug 24, 2022)

  • v3.15.4(Aug 23, 2022)

  • v3.15.3(Aug 12, 2022)

  • v3.15.2(Aug 8, 2022)

  • v3.15.1(Jul 15, 2022)

    Changed

    • Video component will set allow="autoplay" on iframe elements
    • Allow additional props to be set on Navbar component to initialize its Drops with

    Fixed

    • Fix Navbar component resize does not trigger reposition of dropbar
    • Fix register scroll listener as passive
    Source code(tar.gz)
    Source code(zip)
    uikit-3.15.1.zip(366.68 KB)
  • v3.15.0(Jul 11, 2022)

    Added

    • Add Dropbar component
    • Add target, target-x, target-y and inset options to Drop component
    • Add stretch and bg-scroll options to Drop component
    • Add shift option to Drop component
    • Add slide and reveal animations to Drop component
    • Add animate-out option to Drop component
    • Add open and close animation to toggle icon in Navbar component
    • Add dropdown large modifier to Dropdown and Navbar component
    • Add gap variables to navbar items in Navbar component
    • Add color mode variables for dropdowns in Dropdown and Navbar component
    • Add navbar parent icon to Navbar component
    • Add secondary style modifier to Nav component
    • Add font size variables to nav and sublist in Nav component
    • Add padding variables for small breakpoint to Modal component
    • Add zero z-index utility class to Position component
    • Add support for picture element to logo in Utility component
    • Add box sizing classes to Utility component
    • Support scroll parent as viewport in Height Viewport component
    • Add ARIA role="alert" to Notification component

    Changed

    • IMPORTANT: Remove .uk-nav-parent-icon from Nav component. Use uk-nav-parent-icon attribute on items instead
    • IMPORTANT: Remove *-justify in pos option from Drop and Dropdown components. Use new stretch option instead
    • IMPORTANT: Remove boundary-align option from Drop and Dropdown components. Use new target option instead
    • IMPORTANT: Change flip option values in Drop and Dropdown components. Use new shift option too
    • IMPORTANT: Remove display option in Drop and Dropdown components. Use new auto-update option instead.
    • IMPORTANT: Rename @offcanvas-bar-width-m to @offcanvas-bar-width-s
    • IMPORTANT: Rename @offcanvas-bar-padding-vertical-m to @offcanvas-bar-padding-vertical-s
    • IMPORTANT: Rename @offcanvas-bar-padding-horizontal-m to @offcanvas-bar-padding-horizontal-s
    • IMPORTANT: Rename @nav-primary-item-font-size to @nav-primary-font-size
    • IMPORTANT: Rename @nav-primary-item-line-height to @nav-primary-line-height
    • IMPORTANT: Rename @navbar-dropdown-dropbar-margin-top to @navbar-dropdown-dropbar-padding-top
    • IMPORTANT: Rename @navbar-dropdown-dropbar-margin-bottom to @navbar-dropdown-dropbar-padding-bottom
    • IMPORTANT: Remove style from .uk-navbar-dropbar. Now uses uk-dropbar

    Removed

    • Remove getCssVar() utility function

    Fixed

    • Fix body is no longer scrollable in Modal component with overlay
    • Fix offsetPosition() adds border-top of offsetParents
    • Fix dragging in Slider component on iOS
    • Fix Drop component no longer flips, if it does not fit into scroll area
    • Fix Drop component alignment within Dropbar
    • Fix ensure write updates aren't called if component is already disconnected
    • Fix Offcanvas component no longer overflows document if isn't wide enough
    • Remove margin from the last-child within dropdowns in Dropdown and Navbar components
    Source code(tar.gz)
    Source code(zip)
    uikit-3.15.0.zip(366.55 KB)
  • v3.14.3(May 27, 2022)

  • v3.14.2(May 27, 2022)

    Fixed

    • Fix logo image not working with text align in Utility component
    • Fix Scroll component on iOS 12
    • Fix offset calculation in Drop component
    • Fix -justify positioning in Drop component
    • Fix Toggle component in mode:media default prevents click event
    • Fix: Toggle component did not default prevent touch click on anchor with closed target
    • Revert: Height Viewport component sets uk-height-viewport class to reduce initial layout shifts
    • Fix Dropbar handles resizing Drop components
    • Fix Parallax component background image positioning
    • Make content clickable for sticky cover and reveal effects
    Source code(tar.gz)
    Source code(zip)
    uikit-3.14.2.zip(349.22 KB)
  • v3.14.1(May 3, 2022)

    Added

    • Add box-shadow to toggleHeight() hide properties
    • Add adaptive velocity to Alert and Accordion components

    Changed

    • Set transition option to ease by default in Togglable mixin

    Fixed

    • Fix toggling accordion item while transition is in progress
    • Fix Drop positioning with boundaryAlign: true
    • Fix Scrollspy component not triggering in some cases
    • Fix Slider component showing wrong initial index
    Source code(tar.gz)
    Source code(zip)
    uikit-3.14.1.zip(348.50 KB)
  • v3.14.0(Apr 27, 2022)

    Added

    • Add position shifting to Drop and Dropdown components
    • Add axis flipping if overflowing on both sides to Drop and Dropdown components
    • Add max-width to prevent overflowing the viewport to Drop and Dropdown components
    • Add display option to Drop and Dropdown components
    • Add support for negative start value in Sticky component
    • Add overflow-flip option to Sticky component
    • Add navbar justify to Navbar component
    • Add subtitle classes to Nav, Dropdown and Navbar components
    • Add support for vw,vh,% and px units to scale property in Parallax component
    • Add resize horizontal class to Utility component

    Changed

    • Rename top and bottom options to start and end in Sticky component
    • Allow text to wrap into the next line for navs in Dropdown component

    Removed

    • Remove position: auto option in Sticky component, use overflow-flip option instead
    • Remove overflow-x: hidden on html element, while horizontal animation is active

    Fixed

    • Fix dropbar dropdown alignment if boundary-align is true
    • Fix viewport helper functions take border into account
    • Fix Sticky component responsiveness on window resize
    • Fix Cover component correctly applies ratio if only one of width/height is provided
    • Fix responsiveness in Grid, Margin and Height Match component
    Source code(tar.gz)
    Source code(zip)
    uikit-3.14.0.zip(348.32 KB)
  • v3.13.10(Apr 20, 2022)

  • v3.13.9(Apr 20, 2022)

  • v3.13.8(Apr 20, 2022)

    Changed

    • Scrollspy component uses IntersectionObserver instead of scroll/resize events

    Fixed

    • Fix Drop/Dropdowns component does not close on clicked .uk-(drop|dropdown)-close selector
    • Fix Accordion initially not closed
    • Fix Height Match component not matching correctly
    • Fix Margin component does not correctly listen for resize
    • Fix regression in Sticky component affecting height of placeholder
    • Fix Toggle not toggling after re-entering button with mouse before drop has closed itself
    • Fix reposition Drop on scroll
    Source code(tar.gz)
    Source code(zip)
    uikit-3.13.8.zip(345.82 KB)
  • v3.13.7(Apr 1, 2022)

  • v3.13.6(Apr 1, 2022)

    Removed

    • Image component no longer sets a background-size for elements with background-size set to auto

    Fixed

    • Fix Position component
    • Fix regression in Upload component with multiple option disabled
    • Fix regression in Height Viewport component with expand option enabled
    • Fix regression in Slider/Slideshow Parallax
    Source code(tar.gz)
    Source code(zip)
    uikit-3.13.6.zip(345.69 KB)
Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.

This is the main branch of the repo, which contains the latest stable release. For the ongoing development, see the develop branch. Halfmoon Front-end

Tahmid (Halfmoon UI) 2.8k Dec 26, 2022
The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.

Install | Documentation | Releases | Contributing Foundation is the most advanced responsive front-end framework in the world. Quickly go from prototy

Foundation 29.4k Jan 4, 2023
Modular and customizable Material Design UI components for the web

Material Components for the web Material Components for the web helps developers execute Material Design. Developed by a core team of engineers and UX

Material Components 16.6k Jan 3, 2023
[ON HOLD] Living Style Guides Engine and Maintenance Environment for Front-end Components. Core repository.

[ON HOLD] SourceJS - Living Style Guide Platform The project been stale for a while and currently is in the [ON HOLD] state until we find new maintain

SourceJS 552 Nov 8, 2022
:sparkles: Modular, scoped CSS with ES6

CSJS allows you to write modular, scoped CSS with valid JavaScript. Features Extremely simple and lightweight Zero dependencies, ~2KB minified and gzi

Ryan Tsao 577 Nov 18, 2022
Spectre.css - A Lightweight, Responsive and Modern CSS Framework

Spectre.css Spectre.css is a lightweight, responsive and modern CSS framework. Lightweight (~10KB gzipped) starting point for your projects Flexbox-ba

Yan Zhu 11.1k Jan 8, 2023
Lightweight CSS framework

Material Design CSS Framework MUI is a lightweight CSS framework that follows Google's Material Design guidelines. Use From the CDN: <link href="//cdn

null 4.5k Jan 1, 2023
A powerful little tool for managing CSS animations

NO LONGER BEING SUPPORTED Please consider https://github.com/ThrivingKings/animo instead animo.js A powerful little tool for managing CSS animations.

Daniel Raftery 2.1k Jan 2, 2023
CSS for clean and fast web apps

Topcoat CSS for clean and fast web apps Usage Download Topcoat Open demo/index.html to view the usage guides. Copy your desired theme CSS from the css

Topcoat 4.3k Jan 6, 2023
Morfy - Fast morphing library for the web

morfy Fast morphing library for the web · Homepage · View Demo · Report Bug / Request Feature · Table of Contents About Installation Usage Test Contac

Timo Bechtel 4 Aug 28, 2021
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

Fluent UI Web ?? ?? ?? Version 8 of @fluentui/react is now available on npm! ?? ?? ?? See the release notes for more info, and please file an issue if

Microsoft 14.5k Jan 4, 2023
Modern framework to print the web correctly.                                               

Modern framework to print web pages correctly How to use Simply include the right stylesheet(s) in your html and load it only for a printer. Gutenberg

Fabien Salathe 4.6k Dec 29, 2022
A Lightweight Sass Tool Set

A Lightweight Sass Tool Set Bourbon is a library of Sass mixins and functions that are designed to make you a more efficient style sheet author. It is

thoughtbot, inc. 9.1k Dec 30, 2022
AngularJS SPA Template for Visual Studio is a project skeleton for a simple single-page web application (SPA) built with AngularJS, Bootstrap, and ASP.NET (MVC, Web Api, SignalR).

AngularJS SPA Template for Visual Studio This project is a skeleton for a simple single-page web application (SPA) built on top of the: AngularJS 1.2.

Kriasoft 105 Jun 18, 2022
Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation

Aphrodite Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation. Support for colocating y

Khan Academy 5.3k Jan 1, 2023
Extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects.

Extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects. inuitcss is a framework in its truest sense: it does not pro

inuitcss 1.8k Dec 30, 2022
Tiny CSS framework with almost no classes and some pure CSS effects

no.css INTERACTIVE DEMO I am tired of adding classes to style my HTML. I just want to include a .css file and I expect it to style the HTML for me. no

null 96 Dec 10, 2022
Semantic is a UI component framework based around useful principles from natural language.

Semantic UI Semantic is a UI framework designed for theming. Key Features 50+ UI elements 3000 + CSS variables 3 Levels of variable inheritance (simil

Semantic Org 50.3k Dec 31, 2022
Modern CSS framework based on Flexbox

Bulma Bulma is a modern CSS framework based on Flexbox. Quick install Bulma is constantly in development! Try it out now: NPM npm install bulma or Yar

Jeremy Thomas 46.6k Dec 31, 2022