Propulsion UI

Designed and developed by Luqman

→ Website

Note

Propulsion UI is not yet ready for production use.

A component library with a look inspired by the technicality and sophistication found inside an aircraft cockpit/flight deck. Propulsion UI is originally built to standardise the components across my projects. Created using SolidJS and TailwindCSS.

Propulsion UI has built-in support for light mode - simply include light="true" to the your components.

Installation

1. Run npm install @theluqmn/propulsion-ui
2. Add the following to your tailwind.config.js file:

module.exports = {
    content: [
        "./node_modules/@theluqmn/propulsion-ui/dist/**/*.js",
    ],
}

That's it really.

Components

Below are a list of the components available in Propulsion UI:

Text

• Text
• Text (solid)
• Text with link
• Text with heading

Buttons

• Button
• Button (solid)
• Button with inline text

Frames

• Frame
• Frame (solid)
• Frame with heading