apliarte_glass_theme 0.2.0 copy "apliarte_glass_theme: ^0.2.0" to clipboard
apliarte_glass_theme: ^0.2.0 copied to clipboard

A beautiful glass morphism UI component library for Flutter — bottom navigation bar, app bar, and cards with liquid glass effects.

ApliArte Glass Theme #

License: MIT Flutter pub package

Drop-in replacement for Material 3 widgets. Mismas clases, mismas APIs — pero con efecto vidrio (glass morphism).

// Antes (Material puro):
import 'package:flutter/material.dart';

// Ahora (con vidrio):
import 'package:apliarte_glass_theme/apliarte_glass_theme.dart';

Sin cambiar el nombre de las clases. Sin cambiar los parámetros. Sin cambiar nada del código de tu app.

Componentes #

Componente Clase (igual que Material) Efecto
App Bar AppBar Vidrio en toolbar
Card Card Vidrio con borde
Bottom Navigation NavigationBar Vidrio + indicador deslizante con drag
Bottom App Bar BottomAppBar Vidrio en barra inferior
Alert Dialog AlertDialog Vidrio en diálogo modal
Más pronto ListTile, FAB, BottomSheet...

Instalación #

dependencies:
  apliarte_glass_theme: ^0.1.0
flutter pub get

Cómo usarlo #

import 'package:apliarte_glass_theme/apliarte_glass_theme.dart';

// ✅ Todo funciona igual que con Material:
AppBar(title: const Text('Título'));
Card(child: const Text('Contenido'));
NavigationBar(
  destinations: [...],
  selectedIndex: 0,
  onDestinationSelected: (i) {},
);

Cómo desinstalarlo (sin tocar código) #

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

No tocas ni una línea de código de tu app.

Configuración #

Editar glas_config.dart para ajustar colores, blur, grosor del vidrio y más. Los valores se adaptan automáticamente a tema claro y oscuro.

// Ejemplo: personalizar desde tu app
void main() {
  GlasConfig.blur = 24;
  GlasConfig.lightGlassColor = Color(0xCCF0F0FF);
  GlasConfig.darkGlassColor = Color(0xCC1A1A2E);
  runApp(const MyApp());
}

Dark/Light #

Todos los componentes se adaptan automáticamente al ThemeMode de tu app:

  • Modo claro: vidrio blanco semitransparente
  • Modo oscuro: vidrio oscuro semitransparente

Requisitos #

  • Flutter 3.32+
  • Dart 3.10+

Autor #

Javier Mateo (ApliArte) — github.com/erbolamm

💬 Una nota personal del autor / A personal note from the author #

ℹ️ Nota: El texto siguiente es un mensaje personal del autor, escrito en varios idiomas para que pueda leerlo gente de todo el mundo. Esto no implica que el proyecto tenga soporte funcional completo en esos idiomas.

ℹ️ Note: The text below is a personal message from the author, written in several languages so people around the world can read it. This does not imply full multilingual feature support in those languages.

🇪🇸 Español

ApliArte Glass Theme nació de una idea simple: ¿por qué los componentes de Flutter tienen que ser siempre opacos y cuadrados? Quería crear una biblioteca de componentes con efecto cristal que fuera bonita, funcional y fácil de usar. Este proyecto es el resultado de meses de aprendizaje, prueba y error, y mucho cariño por el diseño. Lo comparto para que cualquier persona pueda darle a su app ese toque elegante sin tener que empezar desde cero. Si te sirve, úsalo, modifícalo, y si te gusta, comparte el proyecto. ¡Gracias por llegar hasta aquí!

🇬🇧 English

ApliArte Glass Theme was born from a simple idea: why do Flutter components always have to be opaque and square? I wanted to create a glass-effect component library that is beautiful, functional, and easy to use. This project is the result of months of learning, trial and error, and a deep love for design. I share it so anyone can give their app an elegant touch without starting from scratch. If it's useful to you, use it, modify it, and if you like it, share the project. 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 e quadrados? Eu queria criar uma biblioteca de componentes com efeito de vidro que fosse bonita, funcional e fácil de usar. Este projeto é o resultado de meses de aprendizado, tentativa e erro, e muito amor pelo design. Compartilho para que qualquer pessoa possa dar ao seu aplicativo um toque elegante sem ter que começar do zero. Se for útil para você, use, modifique e, se gostar, compartilhe o projeto. 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 et carrés ? Je voulais créer une bibliothèque de composants avec un effet de verre qui soit belle, fonctionnelle et facile à utiliser. Ce projet est le résultat de mois d'apprentissage, d'essais et d'erreurs, et d'un profond amour du design. Je le partage pour que chacun puisse donner à son application une touche élégante sans avoir à repartir de zéro. Si cela vous est utile, utilisez-le, modifiez-le et, si vous l'aimez, partagez le projet. Merci d'être arrivé jusqu'ici !

🇩🇪 Deutsch

ApliArte Glass Theme entstand aus einer einfachen Idee: Warum müssen Flutter-Komponenten immer undurchsichtig und eckig sein? Ich wollte eine Bibliothek von Komponenten mit Glaseffekt erstellen, die schön, funktional und einfach zu bedienen ist. Dieses Projekt ist das Ergebnis monatelangen Lernens, Versuch und Irrtum und einer tiefen Liebe zum Design. Ich teile es, damit jeder seiner App eine elegante Note verleihen kann, ohne bei Null anfangen zu müssen. Wenn es dir nützt, verwende es, verändere es, und wenn es dir gefällt, teile das Projekt. Danke, dass du bis hierher gekommen bist!

🇮🇹 Italiano

ApliArte Glass Theme è nato da un'idea semplice: perché i componenti Flutter devono essere sempre opachi e squadrati? Volevo creare una libreria di componenti con effetto vetro che fosse bella, funzionale e facile da usare. Questo progetto è il risultato di mesi di apprendimento, tentativi ed errori, e di un grande amore per il design. Lo condivido affinché chiunque possa dare alla propria app un tocco elegante senza dover ricominciare da zero. Se ti è utile, usalo, modificalo e, se ti piace, condividi il progetto. Grazie per essere arrivato fino a qui!

💖 Apoya el proyecto #

Herramienta gratuita y open source. 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

🌐 Sitio Oficial · 📦 GitHub

Licencia #

MIT — © 2026 ApliArte

About #

Drop-in replacement for Material 3 Flutter widgets with liquid glass morphism effects. AppBar, Card, NavigationBar, BottomAppBar, and AlertDialog with automatic dark/light adaptation.

0
likes
0
points
324
downloads

Publisher

verified publishererbolamm.com

Weekly Downloads

A beautiful glass morphism UI component library for Flutter — bottom navigation bar, app bar, and cards with liquid glass effects.

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter, flutter_svg, liquid_glass_renderer

More

Packages that depend on apliarte_glass_theme