claymorphism 0.1.2

A Flutter package that provides claymorphic UI containers for a modern and aesthetic design. With Claymorphism, you can easily create visually appealing and tactile user interfaces by leveraging the p [...]

example/lib/main.dart

import 'package:flutter/material.dart';

import 'screens/desktop.dart';
import 'screens/mobile.dart';
import 'screens/tablet.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const RoutePage(),
    );
  }
}

class RoutePage extends StatelessWidget {
  const RoutePage({super.key});

  @override
  Widget build(BuildContext context) {
    double screenWidth = MediaQuery.of(context).size.width;
    if(screenWidth<640){
    return const Mobile();
    } else if(screenWidth>=640&&screenWidth<1000){
      return const Tablet();
    }
    return const Desktop();
  }
}