@ljeschke/sw-ui

A tiny React component library with Star Wars–inspired styles and TailwindCSS utilities.

Install

npm install @ljeschke/sw-ui
# or
yarn add @ljeschke/sw-ui

Usage

Import Tailwind’s base CSS (e.g. in src/main.tsx):

import 'tailwindcss/tailwind.css'

Then use any component:

import React, { useState } from 'react'
import { StarWarsInput, StarWarsButton, StarWarsCard } from '@ljeschke/sw-ui'

export function App() {
  const [value, setValue] = useState('')
  return (
    <div className="min-h-screen bg-black flex flex-col items-center justify-center p-6">
      <StarWarsInput
        placeholder="Type here…"
        value={value}
        onChange={e => setValue(e.target.value)}
        className="mb-4"
      />
      <StarWarsButton intent="primary" onClick={() => alert(value)}>
        Show value
      </StarWarsButton>
      <StarWarsCard title="Demo" className="mt-6">
        This is a Star Wars themed card.
      </StarWarsCard>
    </div>
  )
}

Components

• StarWarsInput – styled text input
• StarWarsButton – primary/secondary button
• StarWarsCard – styled card container