slimCSS Framework- Full version

Menu

Demo Link 1 Demo Link 2 Demo Link 3

Default Inter Karla Montserrat Nunito Poppins Regular Quicksand Rubik Source Sans Pro Space Grotesk

Default Breeze Calm Cloud Corporate Harmony Lavender Mocha Nature Peaceful Serenity Velvet

Jane Doe

contact@domain.com

Menu 1 Menu 2

Menu 3

General

Avatar & Picture Backgrounds Border Fieldset Gradients File Icon Perspective Position

Columns

Basics Sizing Mixed sizing Order Gap

Components

Accordion Alert Badge Blockquote Calendar Card Carousel Chip Color picker Datalist Drag & Drop Dropdown menu Field Manager Flip card List Masonry Navigation bar Notify Pagination Rating Ribbon Select Skeleton Spinner Tabs Timeline Tooltips Tour Treeview URL Manager

Controls

Button Button menu Checkbox Date selector Fields Mask Numeric Password Radio Range Switch

Forms

Captcha Layout Multiple step Navigation step Validation Examples

Modals

Helpers LightBox Loader Modal Side modal

Scrolling

Animate scroll Smooth scroll Vertical scrollspy

Tables

Appearance Standard Advanced Hidden column Select column Sticky column Sticky header Sticky both Sticky scroll

Helpers

Animate scroll Avatar & Picture Background Border Flexbox Font size Margin Padding Shadow Text blend Text style Viewport Media queries

One Two Three

1

Two Three

2

One Three

3

One Two

Integration

Add class .smooth-scroll on elements to take account of the header and obtain a clean alignment

© Directive Media 2024

Made with & passion