Flowrift

Welcome to Flowrift 👋

Browse beautifully designed Tailwind CSS UI Blocks grouped into Collections.
view / copy / customize

To get started you can:

Help

Version 1.4.2

Links

Introduction

Changelog

About

Beautifully designed Tailwind CSS UI blocks.

All blocks work with Tailwind CSS v3.0+ and it's default config out of the box.

Resources

The font in use is Inter from Google Fonts. Font weights 400, 600 and 700.

Icons in use are from the Heroicons library.

Images in use provided by Unsplash .

License

License for code provided by Flowrift. No Attribution required.

Permissions
Commercial Use
Modification
Distribution
Private use

Limitations
Liability
Warranty

This license does not include the right to compile code from Flowrift to replicate a similar or competing service.

Read the full license here

Shortcuts

Global

Toggle HelpOption ⌥H

Focus FilterOption ⌥F

Random blockOption ⌥R

Collections

Navigation↑↓

Show collection blocksEnter ↵

Select first blockCmd ⌘→

Clear filter (when focused)Esc

Unfocus collectionsEsc

Blocks

To use any of these shortcuts, a block has to be selected. You can do so by left clicking on one with your mouse. A double-click opens any block directly.

Navigation←↑↓→

Display previewEnter ↵

Display codeCmd ⌘Enter ↵

Copy codeC

Unfocus blockEsc

Preview / Code

Navigation←→

Toggle preview / codeD

Copy codeC

Copy linkX

CloseEsc