Warning: This is the old version of Penguin UI components compatible with Tailwind CSS v3.4. For new components with more variants, please visit penguinui.com.
A collection of beautifully designed UI components with Tailwind CSS and Alpine JS.
Check the main website.
To use Penguin UI, you simply copy and paste the code from our website; therefore, Penguin UI doesn't require any installation or npm package. However, it has two main dependencies:
- Tailwind CSS: V3.4
- Alpine JS: Some interactive components require the latest version of Alpine JS (currently V3) to function properly.
There are various ways to install Tailwind CSS. Please refer to Tailwind's documentation to find the best installation method for your project.
The easiest way to add Alpine JS to your project is to include it with a <script> tag in the <head> of your HTML page:
<head>
...
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
</head>