0xVitalii

    © Vitalii Tsyhulov, 2025

    Components

    Heading 1

    Heading 2

    Heading 3

    Call to action:

    CTA Button →

    Text block Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a pretium leo. Praesent eu sem nulla. In nunc arcu, rutrum eu malesuada sed, lacinia nec ipsum. Maecenas quis tincidunt sem. Quisque vitae nisl vel purus laoreet efficitur quis ut arcu. Nulla sit amet risus hendrerit, tristique augue eu, dapibus risus. Curabitur ullamcorper ligula lacus, sit amet pharetra neque interdum in.

    Normal Text

    Bold Text

    Italic Text

    Underlined Text

    Strikethrough Text

    Linked Text

    Code Text

    Bullet list block:

    • Bulleted list block item 1
    • Bulleted list block item 2
    • Bulleted list block item 3

    Numbered list block:

    1. Numbered list block item 1
    2. Numbered list block item 2
    3. Numbered list block item 3

    Todo list block:

    Apples
    Milk
    Bananas

    Toggle Block

    ‣
    Toggle block (Summary)

    Toggle block contents

    Table of contents block

    • Heading 1
    • Heading 2
    • Heading 3
    • Call to action:
    • Bullet list block:
    • Numbered list block:
    • Todo list block:
    • Toggle Block
    • Table of contents block
    • Quotes
    • Callouts
    • Code blocks
    • Divider block
    • Table
    • Large Gallery
    • Medium Gallery
    • Small Gallery
    • List

    Quotes

    Text block Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a pretium leo. Praesent eu sem nulla.

    Callouts

    💡
    Text block Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a pretium leo. Praesent eu sem nulla.

    Code blocks

    import { useState } from 'react';
    
    export default function Component() {
      const [name, setName] = useState('juan');
    	return (
    		<div>
    			{name}
    		</div>
    	);
    }

    Divider block

    Table

    Users table

    Name
    Column
    Tags
    Juan
    hello@gmail.com
    OwnerDeveloper
    Michel
    hello@gmail.com
    Designer
    Vanessa
    hello@gmail.com
    Product Manager

    Large Gallery

    Content Database

    Creating a NFT mint site from zeroCreating a NFT mint site from zero
    Creating a NFT mint site from zero
    ReactAngular
    January 4, 2022
    Getting started with SolidityGetting started with Solidity
    Getting started with Solidity
    ReactAngular
    January 4, 2022
    How to add a connect wallet button to your website.How to add a connect wallet button to your website.
    How to add a connect wallet button to your website.
    MongoDBNode
    January 4, 2022
    Using WordPress vs. building a website from scratchUsing WordPress vs. building a website from scratch
    Using WordPress vs. building a website from scratch
    GraphQL
    January 4, 2022
    React vs. Angular vs. Vue comparisonReact vs. Angular vs. Vue comparison
    React vs. Angular vs. Vue comparison
    Next.jsReact
    January 4, 2022
    Cold vs Hot walletCold vs Hot wallet
    Cold vs Hot wallet
    ReactAngular
    January 4, 2022

    Medium Gallery

    Content Database

    Creating a NFT mint site from zeroCreating a NFT mint site from zero
    Creating a NFT mint site from zero
    ReactAngular
    January 4, 2022
    Getting started with SolidityGetting started with Solidity
    Getting started with Solidity
    ReactAngular
    January 4, 2022
    How to add a connect wallet button to your website.How to add a connect wallet button to your website.
    How to add a connect wallet button to your website.
    MongoDBNode
    January 4, 2022
    Using WordPress vs. building a website from scratchUsing WordPress vs. building a website from scratch
    Using WordPress vs. building a website from scratch
    GraphQL
    January 4, 2022
    React vs. Angular vs. Vue comparisonReact vs. Angular vs. Vue comparison
    React vs. Angular vs. Vue comparison
    Next.jsReact
    January 4, 2022
    Cold vs Hot walletCold vs Hot wallet
    Cold vs Hot wallet
    ReactAngular
    January 4, 2022

    Small Gallery

    Content Database

    ClickologyClickology
    Clickology
    React
    January 3, 2022
    VarilaVarila
    Varila
    ReactSupbase
    January 3, 2022
    FrameUpFrameUp
    FrameUp
    React
    January 3, 2022
    SucculentsSucculents
    Succulents
    Angular
    January 3, 2022
    DigioDigio
    Digio
    GraphQL
    January 28, 2022
    HyperstreamHyperstream
    Hyperstream
    TailwindCSS
    January 28, 2022

    List

    Content Database

    Clickology

    HTML and CSS may define the structure of a web application, respectively, but JavaScript is the soul.

    January 3, 2022
    React
    Varila

    HTML and CSS may define the structure of a web application, respectively, but JavaScript is the soul.

    January 3, 2022
    ReactSupbase
    FrameUp

    HTML and CSS may define the structure of a web application, respectively, but JavaScript is the soul.

    January 3, 2022
    React
    Succulents

    HTML and CSS may define the structure of a web application, respectively, but JavaScript is the soul.

    January 3, 2022
    Angular
    Digio

    HTML and CSS may define the structure of a web application, respectively, but JavaScript is the soul.

    January 28, 2022
    GraphQL
    Hyperstream

    HTML and CSS may define the structure of a web application, respectively, but JavaScript is the soul.

    January 28, 2022
    TailwindCSS
    Image block
    Image block
    Super - Build websites with Notion

    Everything you need to build fast, functional websites with Notion. Custom domains, themes, password-protection, and more-no code required.

    super.so

    Super - Build websites with Notion
    Bookmark block
    Juan Henriquez

    Software Developer, entreprenur and creator

    juanhz.com

    Juan Henriquez
    .notion-code code[class*='language-'],
    .notion-code pre[class*='language-'] {
      color: #FAFAFA !important;
      text-shadow: none !important;
    }
    
    .notion-code pre::-webkit-scrollbar {
      display: none !important;
    }
    
    .notion-code pre {
      -ms-overflow-style: none !important; /* IE and Edge */
      scrollbar-width: none !important; /* Firefox */
      background: rgba(255, 255, 255, 0.08) !important;
      border: 1px solid var(--color-border-default) !important;
    }