Skip to content

Instantly share code, notes, and snippets.

View BoltUIX's full-sized avatar

Bolt UIX BoltUIX

View GitHub Profile
@BoltUIX
BoltUIX / DatePickerComponents.kt
Created April 18, 2025 07:27
Jetpack Compose Multiplatform Date Picker Tutorial | Material 3 UI with Future Date Validation
package com.boltuix.compose.components
import androidx.compose.foundation.border
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material3.*
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
@BoltUIX
BoltUIX / TimePickerComponents.kt
Created April 17, 2025 18:20
How to Build a Time Picker in Jetpack Compose Multiplatform | Material 3 UI with Kotlin
package com.boltuix.compose.components
import androidx.compose.foundation.border
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material3.*
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
@BoltUIX
BoltUIX / GradientDropdownMenu.kt
Created April 15, 2025 19:19
⚡ Jetpack Compose Multiplatform Dropdown UI 🌐 | Custom Animated Dropdown Tutorial
package com.boltuix.compose.components
import androidx.compose.foundation.background
import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Check
import androidx.compose.material.icons.filled.Notifications
import androidx.compose.material.icons.filled.Person
@BoltUIX
BoltUIX / gist:928c578fdf60ee699af8b12017324a73
Last active April 11, 2025 18:46
Modern Bottom Sheet in Jetpack Compose 🚀 | Gradient UI, Smooth Animation & Avatar Picker
package com.boltuix.compose.components
import androidx.compose.animation.core.FastOutSlowInEasing
import androidx.compose.animation.core.animateFloatAsState
import androidx.compose.animation.core.tween
import androidx.compose.foundation.background
import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.items
@BoltUIX
BoltUIX / GradientWarningSnackbarDemo.kt
Created April 10, 2025 18:24
How to Make a Custom Snackbar in Jetpack Compose Multiplatform 2025
package com.boltuix.compose.components
import androidx.compose.animation.core.FastOutSlowInEasing
import androidx.compose.animation.core.animateFloatAsState
import androidx.compose.animation.core.tween
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.rounded.Info
@BoltUIX
BoltUIX / GradientWarningDialog.kt
Last active August 29, 2025 09:36
Jetpack Compose Gradient Warning Dialog | Animated, Responsive & Multiplatform UI : Read more https://www.boltuix.com/2025/08/how-to-create-custom-dialog-in-jetpack.html
package com.boltuix.compose.components
import androidx.compose.animation.core.FastOutSlowInEasing
import androidx.compose.animation.core.animateFloatAsState
import androidx.compose.animation.core.tween
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.rounded.Warning
@BoltUIX
BoltUIX / main.dart
Last active February 22, 2024 04:22
CupertinoTabBar- An iOS-style bottom tab bar. Typically used with CupertinoTabScaffold
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
// A class to hold information about each tab
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@BoltUIX
BoltUIX / main.dart
Last active February 22, 2024 04:38
Cupertino Slider
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
@BoltUIX
BoltUIX / main.dart
Last active February 22, 2024 04:38
Cupertino Segmented control
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
// Define a StatefulWidget for the CupertinoSegmentedControlDemo widget
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
@BoltUIX
BoltUIX / main.dart
Last active February 22, 2024 04:39
CupertinoSwitch - An iOS-style switch. Used to toggle the on/off state of a single setting.
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {