Previous Happily websites found here

Animations

text or content that slides in

Subheading

Larger Heading.

Lorem ipsum dolor orem ipsum dolor orem ipsum dolor orem ipsum dolor orem ipsum dolor

example

Example 1

example

Example 2

example

Example 3

example

Example 4

Hover over me
Hover over me
Hover over me
Hover over me
Hover over me
Hover over me
Hover over me
Hover over me
Hover over meHover over me
Hover over me
Hover over me
Hover over me
Hover & hold me
Text Shimmer Effect

Headers

Animations can be added as the user scrolls to hide/show the header, change the color, highlight the active link, etc.

Happily logo
Register
Navbar Title
Page content here

Sidebars

Dropdowns

Dropdown can open a menu or any other element when the button is clicked. The element can be opened and aligned to any side. Here are a few common examples:

Card title!

you can use any element as a dropdown.

A normal text and a helper dropdown

You needed more info?

Here is a description!

Buttons

Buttons can easily be customized! Here are just a few standard examples

Links

Arrow Link RightArrow Link LeftPolymorphicButton Link
Primary LinkUnderline LinkUnstyled Link

Modals

Congratulations!

Standard modal with button

Congratulations!

This modal has a close button

Congratulations!

This modal is responsive: Modal goes bottom on mobile screen and goes middle on desktop

Collapse

Collapse is used for showing and hiding content.

Collapse with focus

This collapse works with focus. When div loses focus, it gets closed

Focus me to see content

With border and background color

Focus me to see content

Custom colors for collapse that works with focus

Focus me to see content

With arrow icon

Cards

Building

Card 1

Card with image overlay

Card title!

Card with custom color

Building

Card Glass

Card with image and glass effect background for title and text

Building

Responsive card

Vertical on small screen, horizontal on large screen

Masks

Attendees

Clear
  • Anna R Lowe

    Anna R Lowe

    Example Company
    CFO

    More Info

  • Anna R Lowe 2

    Anna R Lowe 2

    Example Company
    CFO

    More Info

  • Dianne Guilianelli

    Dianne Guilianelli

    Example Company
    CEO

    More Info

  • Dianne Guilianelli 2

    Dianne Guilianelli 2

    Example Company
    CEO

    More Info

  • James Iverson

    James Iverson

    Example Company
    UI Designer

    More Info

  • James Iverson 2

    James Iverson 2

    Example Company
    UI Designer

    More Info

  • Janet Snyder

    Janet Snyder

    Example Company
    Senior Engineer

    More Info

  • Janet Snyder 2

    Janet Snyder 2

    Example Company
    Senior Engineer

    More Info

  • Jaquelin Isch

    Jaquelin Isch

    Example Company
    Designer

    More Info

  • Jaquelin Isch 2

    Jaquelin Isch 2

    Example Company
    Designer

    More Info

  • Katie J Burgess

    Katie J Burgess

    Example Company
    Finance Manager

    More Info

  • Katie J Burgess 2

    Katie J Burgess 2

    Example Company
    Finance Manager

    More Info