kernl-ui
Getting Started
Styleguide
Pattern Library
Overview
Installation and Usage
Plugins
Resources
Release Notes
kernl-ui
Overview
Installation and Usage
Plugins
Resources
Release Notes
Getting Started
Overview Installation and Usage Plugins Resources Release Notes
Styleguide
Color
  • - Color Palette
  • - Digital Interfaces
  • - Contrast Checker
Form Controls
Assets
  • - Icons
  • - Logos and Identity
Typography
  • - Elements (Tables, Lists, Blockquotes)
  • - Font Family and Style
  • - Size and Weight
Layout
Pattern Library
Components
  • - Accordion
  • - Alerts
  • - Button
  • - Card
  • - Carousel
  • - Loaders
  • - Modal
  • - Pagination
  • - Tabs
  • - Tags
Page Chrome
  • - Banner
  • - Global Elements
  • - Local Footer
  • - Local Header
Page Sections
  • - Contact
  • - FAQs
  • - Feature
  • - Hero
  • - Newsletter
  • - Stats
  • - Testimonials
Page Templates
  • - Collection
  • - Errors
  • - Interior pages
  • - Landing
Docs › Resources

Resources

Learn how to use the kernl(ui) stack.

Documentation

  • Tailwind Documentation
  • Alpine.js Documentation

Courses / Videos

Tailwind CSS

  • Designing With Tailwind CSS
  • Tailwind Labs Youtube
  • Beginner Tailwind Course (paid)

Alpine.JS

  • Laracasts - Alpine.js Essentials
  • Andre Madarang - Alpine.js - A first look
  • Tutorial to Learn Alpine JS - Full Course for Beginners

Tools

  • Tailwind Intellisense VS Code Extension

Need help?

Connect with the web solutions team for assistance.

  • Request a consultation