Lab

Text Rotator

Rotate text with tailwindcss.

We design and develop the best
  • Mobile apps
  • Websites
  • Admin dashboards
  • Landing pages
  • Illustrations
  • Icons

Hacker button

Randomize text on click with vue

Animated number counter

Animate numbers with a counter using tailwindcss and vue.

4000+

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

Bloque #0
Genesis
hash: 0xd4e56740f876...
2:49:33 PM0 tx

Transacciones recientes

0
No hay transacciones recientes

Smart Contract Interactivo

Visualiza y simula interacciones con un smart contract básico

Contrato: DemoToken

0x8920...43e7 Activo
// 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

Balance del Token:0 DEMO

Historial de Transacciones

No hay transacciones

Glassmorphism Cards

Tarjetas estilo glassmorphism con Tailwind CSS

Documentos

Gestiona y organiza todos tus documentos de manera segura.

6 archivos

Historial

Accede al historial completo de todas tus transacciones.

142 registros

Estadísticas

Analiza métricas y datos de rendimiento en tiempo real.

14 gráficos

Loading States

Diferentes estados de carga creados solo con Tailwind CSS

Loading States

Tailwind CSS
Dots
Spinner
Pulse
Progress
Skeleton
Ripple
Bars
Circle

NFT Card

Tarjeta NFT con efectos hover 3D utilizando Tailwind CSS y Vue

NFT Artwork
Live Auction

CryptoAbstract #4721

Verificado
Creator @artblocks
ETH1.25 ETH
Termina en
05Horas
:
42Min
:
29Seg

Blockchain Explorer UI

Interfaz de explorador de blockchain con Vue y Tailwind CSS

Blockchain Explorer

Precio ETH↑ 0.85%
$1,896.42
Gas (Gwei)
12 ($0.28)
Último Bloque#18235421
TPS
12.4

Bloques recientes

Bloque Minado Txns Gas utilizado Recompensa
1823542110s atrás15614.28M0.052 ETH
1823542023s atrás13212.45M0.043 ETH
1823541936s atrás18915.42M0.061 ETH
1823541848s atrás11210.14M0.039 ETH
182354171m atrás16513.78M0.056 ETH