MagicJS
mern.aiUniversityGitHub
  • Introduction to MagicJS
  • Why MagicJS?
  • Getting Started & Installation
  • Basic Guide
    • Create a new page using React
    • Navigate between pages
    • Create an API and integrate it with the frontend
    • Authenticate Users
      • Authorise based on Roles
    • Advanced State Management with useContent()
    • Perform CRUD Operations
    • Adding Realtime capabilities using socket
    • Handling file uploads and downloads
  • Advanced Guide
    • Understanding the concept of features in MagicJS
    • Using UI components & functions across multiple Magic Features
    • Advanced Routing of pages
    • Enable SSR
    • Access MongoDB
    • Styling pages using Tailwind CSS
  • Deploying
  • Update MagicJS
  • API References
    • Frontend
      • <LinkDisplay>
      • createSrc()
      • createUploader()
      • importUI()
      • loadConfig()
      • protected()
      • useParams()
      • useAxios()
      • useLogin()
      • useSocket()
      • useContent()
      • usePromise()
      • useNotification()
    • Backend
      • createBackendFunction()
      • data()
      • io()
      • ServerInstance()
      • utils
        • hash()
        • verifyHash()
        • initiateEmailVerification()
        • saveFileToUserUploads()
        • readFileFromUserUploads()
        • removeFileFromUserUploads()
        • assignRoleToUser()
        • unassignRoleFromUser()
        • findAllRolesByUser()
        • isUserInAnyRoles()
        • assignRoleToUser()
Powered by GitBook
On this page
  1. Advanced Guide

Styling pages using Tailwind CSS

PreviousAccess MongoDBNextDeploying

Last updated 1 year ago

Tailwind CSS is a utility-first CSS framework that helps you rapidly build modern websites without ever leaving your HTML. It does this by providing a massive collection of low-level, atomic CSS classes you can directly apply to your HTML elements to control their appearance.

Some benefits of using Tailwind CSS:

  • Increased development speed: It can significantly reduce the time it takes to style your website.

  • Consistent design: It helps maintain visual consistency across your project.

  • Flexibility: You have complete control over the look and feel of your website.

  • Lightweight: It has a small footprint compared to many other frameworks.

Here are some resources to learn more about Tailwind CSS:

  • Documentation:

  • Tutorials:

https://tailwindcss.com/docs/installation
https://tailwindui.com/documentation