Lightweight Modular Front-end Framework – Luda

Preview:

Description:

Luda is a lightweight, modular, responsive, mobile-compatible front-end framework designed for professional designers and lazy developers.

See also:

• 40+ HTML/CSS3 Frameworks For Web/Mobile Development

Elements included:

• Badge
• Baseline
• Button
• Container
• Form
• Grid
• Icon
• Media
• Overlay
• Progress
• Scrollbar
• Table
• Typography

Components included:

• Alert
• Avatar
• Breadcrumb
• Button Group
• Button Icon
• Carousel
• Dropdown
• Form Dropdown
• Form Group
• Form Icon
• Modal
• Navigation
• Search Bar
• Tab

Utilities included:

• Alignment
• Background
• Border
• Color
• Display
• Flex
• Float
• Opacity
• Overflow
• Position
• Shadow
• Shape
• Size
• Spacing
• Text
• Visibility
• Z-index

How to use it:

Install & download.

# Yarn
$ yarn add luda

# NPM
$ npm install luda --save

Include the necessary JavaScript and CSS files on the page.

<link rel="stylesheet" href="/path/to/dist/css/luda-default.min.css">
<script src="/path/to/dist/js/luda.min.js"></script>

Previews:

Luda Modal

Luda Buttons

Luda Form Controls

Luda Grid

Luda Table

Luda Carousel