neubrutalism-compose-multiplatform

KO | EN

gitlite — search

#javascript #python #ai #typescript #go #golang #android #machine-learning #deep-learning #java #cli #kubernetes #security #mcp

neubrutalism-compose-multiplatform

(★ 13)

NeuBrutalism compose multiplatform

neubrutalism-compose-multiplatform 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# NeuBrutalism UI

A Compose Multiplatform design system showcasing NeuBrutalism-styled UI components for Android and iOS.

## What is NeuBrutalism?

NeuBrutalism (or Neo-Brutalism) is a modern design trend characterized by:

- **Bold black borders** — Strong outlines that define each element
- **Solid offset shadows** — Hard shadows with no blur, creating a layered effect
- **High contrast colors** — Vibrant, saturated color palettes
- **Raw typography** — Bold, geometric fonts (this project uses Space Grotesk)
- **Interactive feedback** — Press animations where elements "push" into their shadows

## Screenshots

<table>
 <tr>
 <td align="center"><img src="screenshots/01_home.png" width="250"/> Home</td>
 <td align="center"><img src="screenshots/02_buttons.png" width="250"/> Buttons</td>
 <td align="center"><img src="screenshots/03_inputs.png" width="250"/> Inputs</td>
 </tr>
 <tr>
 <td align="center"><img src="screenshots/04_selection.png" width="250"/> Selection</td>
 <td align="center"><img src="screenshots/05_navigation.png" width="250"/> Navigation</td>
 <td align="center"><img src="screenshots/06_containers.png" width="250"/> Containers</td>
 </tr>
 <tr>
 <td align="center"><img src="screenshots/07_feedback.png" width="250"/> Feedback</td>
 <td align="center"><img src="screenshots/08_dropdowns.png" width="250"/> Dropdowns</td>
 <td align="center"><img src="screenshots/09_calendar.png" width="250"/> Calendar</td>
 </tr>
</table>

## Component Catalog

This project includes a catalog app demonstrating all available components:

### Buttons
- `NeuButton` — Primary buttons with multiple styles (Primary, Accent, Success, Error), sizes, and shapes (Rectangle, Rounded, Pill)
- `NeuIconButton` — Icon-only buttons with the same style variants

### Input Fields
- `NeuTextField` — Text input with focus states and optional icons
- `NeuSearchField` — Search-optimized input with search icon
- `NeuPasswordField` — Password input with show/hide toggle

### Selection Controls
- `NeuCheckbox` — Checkbox with animated checkmark
- `NeuRadioButton` — Radio button for single selection
- `NeuSwitch` — Toggle switch with sliding animation

### Navigation
- `NeuTopAppBar` — Top app bar with title and actions
- `NeuCenterAlignedTopAppBar` — Center-aligned variant
- `NeuBottomNavigation` — Bottom navigation bar with items
- `NeuTabRow` / `NeuTab` — Tab navigation with partial borders

### Containers
- `NeuCard` — Content card with shadow and border
- `NeuAlertDialog` — Modal dialog for alerts and confirmations
- `NeuBottomSheet` — Dismissible bottom sheet

### Feedback & Progress
- `NeuProgressBar` — Linear progress (determinate & indeterminate)
- `NeuCircularProgress` — Circular progress indicator
- `NeuSlider` — Single value slider
- `NeuRangeSlider` — Dual-handle range slider

### Dropdowns
- `NeuDropdown` — Dropdown menu with selectable items
- `NeuMonthSelector` — Specialized month/year picker

### Calendar
- `NeuCalendarDay` — Calendar day cell with selection states
- `NeuCalendarDayWithCheck` — Day cell with checkmark indicator

## Color Palette

| Color | Hex | Usage |
|-------|-----|-------|
| Primary Yellow | `#F4D738` | Main CTAs, selected states |
| Accent Blue | `#2563EB` | Links, calendar selection |
| Success Green | `#22C55E` | Confirmations, checkmarks |
| Error Red | `#EF4444` | Errors, destructive actions |
| Surface White | `#FFFFFF` | Cards, inputs |
| Background Cream | `#FFFFF5` | App background |
| Border Black | `#000000` | All borders and shadows |

## Installation

Add the library to your Compose Multiplatform project:

**1. Add JitPack repository** in `settings.gradle.kts`:

```kotlin
dependencyResolutionManagement {
    repositories {
        google()
        mavenCentral()
        maven("https://jitpack.io")
    }
}
```

**2. Add the dependency** in your module's `build.gradle.kts`:

```kotlin
commonMain.dependencies {
    implementation("com.github.tamtom:NeuBrutalismUI:1.0.0")
}
```

**3. Wrap your app** with the theme:

```kotlin
@Composable
fun App() {
    NeuBrutalismTheme {
        // Your content here
        NeuButton(
            text = "Click me",
            onClick = { }
        )
    }
}
```

## Tech Stack

- Kotlin 2.3.0
- Compose Multiplatform 1.9.3
- Android (minSdk 24, targetSdk 36)
- iOS (arm64 + simulator)

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

neubrutalism-compose-multiplatform

neubrutalism-compose-multiplatform 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

neubrutalism-compose-multiplatform

neubrutalism-compose-multiplatform 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README