ApliArte Glass Theme

License: MIT Flutter pub package Demo Web

Misma API que Material 3, pero con una identidad visual propia.

Cambiás UNA línea de import y todos los componentes (AppBar, Card, NavigationBar…) pasan a tener un sistema de vidrio con personalidad marcada. No es un skin neutro: es una estética glass con blur, tintes cálidos, bordes suaves y acentos líquidos.

// Un solo cambio en todo el proyecto:
import 'package:apliarte_glass_theme/apliarte_glass_theme.dart';

Sin refactorizar widgets. Sin configuración obligatoria. La API es la misma — el aspecto cambia deliberadamente.

✨ Componentes

Componente Clase (igual que Material 3) Efecto
App Bar AppBar Toolbar de vidrio
Card Card Frosted glass
Bottom Navigation NavigationBar Vidrio + indicador deslizante con drag
Bottom App Bar BottomAppBar Barra inferior glass
Alert Dialog AlertDialog Diálogo modal glass
FAB FloatingActionButton Botón flotante glass
Bottom Sheet BottomSheet Panel inferior glass
Drawer Drawer Menú lateral glass

📦 Instalación

dependencies:
  apliarte_glass_theme: ^0.3.7

flutter pub get

🚀 Uso

import 'package:apliarte_glass_theme/apliarte_glass_theme.dart';

// Todo funciona igual que con Material 3:
AppBar(title: const Text('Inicio'));
Card(child: const Text('Contenido'));
NavigationBar(
  destinations: const [
    NavigationDestination(icon: Icon(Icons.home), label: 'Inicio'),
  ],
  selectedIndex: 0,
  onDestinationSelected: (i) {},
);

Sin refactorizar. Sin config externa. Sin depender de ejemplos.

🌗 Dark/Light automático

Los colores del vidrio se derivan de Theme.of(context).colorScheme:

  • Modo claro: vidrio sobre colorScheme.surface
  • Modo oscuro: vidrio sobre colorScheme.surface con tinte cálido

Sin mantener una paleta paralela. Sin configuración extra.

🔥 Preset warm

Para un glass más cálido, rosado y elegante:

void main() {
  GlasConfig.useWarmPreset = true;
  runApp(const MyApp());
}

⚙️ Personalización opcional

Todo tiene valores por defecto que funcionan solos. Pero podés overridear:

GlasConfig.glassTintColor = const Color(0xFFFFF0F5);
GlasConfig.largeRadius = 32.0;  // cards, dialogs
GlasConfig.mediumRadius = 24.0; // nav bar, app bar
GlasConfig.glassBlur = 24.0;

Sin obligación. Solo si querés.

🔄 Cómo desinstalar

  1. Sacar apliarte_glass_theme de pubspec.yaml
  2. Volver a import 'package:flutter/material.dart'

No tocás ni una línea de código de tu app. El cambio visual se revierte al instante porque solo los imports determinan qué versión de los componentes se usa.

🔗 Enlaces

Autor

Javier Mateo (ApliArte) — github.com/erbolamm

💬 Una nota personal del autor

🇪🇸 Español

ApliArte Glass Theme nació de una idea simple: ¿por qué los componentes de Flutter tienen que ser siempre opacos? Quería crear una biblioteca drop-in que le diera a cualquier app ese toque elegante sin tener que cambiar nada del código. Si te sirve, úsalo, modificalo, compártelo. ¡Gracias por llegar hasta aquí!

🇬🇧 English

ApliArte Glass Theme was born from a simple idea: why do Flutter components always have to be opaque? I wanted to create a drop-in library that gives any app an elegant touch without changing a single line of code. If it's useful to you, use it, modify it, share it. Thank you for making it this far!

🇧🇷 Português

O ApliArte Glass Theme nasceu de uma ideia simples: por que os componentes do Flutter precisam ser sempre opacos? Queria criar uma biblioteca drop-in que desse a qualquer aplicativo um toque elegante sem precisar mudar nada no código. Se for útil, use, modifique, compartilhe. Obrigado por chegar até aqui!

🇫🇷 Français

ApliArte Glass Theme est né d'une idée simple : pourquoi les composants Flutter doivent-ils toujours être opaques ? Je voulais créer une bibliothèque drop-in qui donne à toute application une touche élégante sans rien changer au code. Si cela vous est utile, utilisez-le, modifiez-le, partagez-le. Merci d'être arrivé jusqu'ici !

🇩🇪 Deutsch

ApliArte Glass Theme entstand aus einer einfachen Idee: Warum müssen Flutter-Komponenten immer undurchsichtig sein? Ich wollte eine Drop-in-Bibliothek erstellen, die jeder App eine elegante Note verleiht, ohne eine Zeile Code zu ändern. Wenn es dir nützt, verwende es, verändere es, teile es. Danke, dass du bis hierher gekommen bist!

🇮🇹 Italiano

ApliArte Glass Theme è nato da un'idea semplice: perché i componenti Flutter devono essere sempre opachi? Volevo creare una libreria drop-in che dia a qualsiasi app un tocco elegante senza dover cambiare nulla nel codice. Se ti è utile, usalo, modificalo, condividilo. Grazie per essere arrivato fino a qui!

💖 Apoya el proyecto

Si te ahorra tiempo, un café ayuda a mantener el desarrollo.

Plataforma Enlace
💳 PayPal paypal.me/erbolamm
☕ Ko-fi ko-fi.com/C0C11TWR1K
📺 Twitch Tip streamelements.com/apliarte/tip

Licencia

MIT — © 2026 ApliArte

About

ApliArte Glass Theme — Misma API que Material 3 con identidad visual glass propia para Flutter. v0.3.8. Componentes: AppBar, Card, NavigationBar, BottomAppBar, AlertDialog, FloatingActionButton, BottomSheet, Drawer. MIT.

Libraries

apliarte_glass_theme
glas_config