Lab
Text Rotator
Rotate text with tailwindcss.
Hacker button
Randomize text on click with vue
Animated number counter
Animate numbers with a counter using tailwindcss and vue.
or start the counter when this component is in the viewport
Shapes with Tailwindcss
Some random shapes made with tailwindcss
Triangle
Star
Hourglass
Parallelogram
Rocket
A super fast rocket animation
Encrypted text
The encrypted text from evervault
Hover/Touch
Blockchain Transaction Explorer
Visualizador minimalista de transacciones blockchain inspirado en diseños modernos
Blockchain Visualizer
Transacciones recientes
0Smart Contract Interactivo
Visualiza y simula interacciones con un smart contract básico
Contrato: DemoToken
// SPDX-License-Identifier: MIT
pragma solidity ^0.8.0;
contract DemoToken {
string public name = "Demo Token";
string public symbol = "DEMO";
uint8 public decimals = 18;
uint256 public totalSupply;
mapping(address => uint256) public balanceOf;
mapping(address => mapping(address => uint256)) public allowance;
event Transfer(address indexed from, address indexed to, uint256 value);
event Approval(address indexed owner, address indexed spender, uint256 value);
constructor() {
totalSupply = 0;
}
function mint(address to, uint256 amount) public {
totalSupply += amount;
balanceOf[to] += amount;
emit Transfer(address(0), to, amount);
}
function transfer(address to, uint256 value) public returns (bool) {
require(balanceOf[msg.sender] >= value, "Insufficient balance");
balanceOf[msg.sender] -= value;
balanceOf[to] += value;
emit Transfer(msg.sender, to, value);
return true;
}
// Additional ERC20 functions would be here...
}
Interactúa con el Contrato
Historial de Transacciones
Glassmorphism Cards
Tarjetas estilo glassmorphism con Tailwind CSS
Documentos
Gestiona y organiza todos tus documentos de manera segura.
Historial
Accede al historial completo de todas tus transacciones.
EstadÃsticas
Analiza métricas y datos de rendimiento en tiempo real.
Loading States
Diferentes estados de carga creados solo con Tailwind CSS
Loading States
NFT Card
Tarjeta NFT con efectos hover 3D utilizando Tailwind CSS y Vue
CryptoAbstract #4721

Blockchain Explorer UI
Interfaz de explorador de blockchain con Vue y Tailwind CSS
Blockchain Explorer
Bloques recientes
Bloque | Minado | Txns | Gas utilizado | Recompensa |
---|---|---|---|---|
18235421 | 10s atrás | 156 | 14.28M | 0.052 ETH |
18235420 | 23s atrás | 132 | 12.45M | 0.043 ETH |
18235419 | 36s atrás | 189 | 15.42M | 0.061 ETH |
18235418 | 48s atrás | 112 | 10.14M | 0.039 ETH |
18235417 | 1m atrás | 165 | 13.78M | 0.056 ETH |