neisdev

  <div class="full-size region-page" data-renderedregion="page">
    <div class="flex-column full-size vertical-layout">

      <div class="flex-row flex-grow scroll-hidden">
        <div class="navigation-container flex-column">

        </div>
        <div class="flex-column flex-grow scroll-hidden">
          <div class="flex flex-noshrink region-content-header" data-renderedregion="content-header"></div>
          <div class="v-scroll-auto flex flex-grow relative region-content" data-renderedregion="content" role="main">

neisdev

File Explorer

A Pen by Dennis on CodePen.

License.

neisdev

File Explorer

A Pen by Anirudh on CodePen.

License.

neisdev

Halfmoon || Starter Example

A Pen by Alex Aiveo on CodePen.

License.

neisdev

<div class="h-screen w-screen bg-indigo-400 overflow-hidden absolute flex items-center">
  <div class="w-screen h-64 absolute top-0 opacity-50 left-0 -my-40 -mx-64 bg-indigo-300 rounded-full"></div>
  <div class="w-64 h-64 -mx-32 bg-indigo-300 opacity-50 rounded-full"></div>
  <div class="w-64 h-64 ml-auto relative opacity-50 -mr-32 bg-indigo-300 rounded-full"></div>
  <div class="w-screen h-64 absolute opacity-50 bottom-0 right-0 -my-40 -mx-64 bg-indigo-300 rounded-full"></div>
</div>

<div class="container mx-auto h-screen py-16 px-8 relative">
  <div class="flex w-full rounded-lg h-full lg:overflow-hidden overflow-auto lg:flex-row flex-col shadow-2xl">
    <div class="lg:w-1/2 bg-white text-gray-800 flex flex-col">

neisdev

Alpine x-mask Plugin Demo

A Pen by James on CodePen.

License.

neisdev

AlpineJS: Mentions & Hashtags

Retrofitted vue-mention to apline.js

A Pen by Scott Windon on CodePen.

License.

neisdev

Dashboard with TailwindCSS and AlpineJS

Simple admin panel or dashboard create with tailwindcss and alpinejs.

A Pen by Mithicher on CodePen.

License.

neisdev

<div class="" id="createNewProject" tabindex="-1" role="dialog" aria-labelledby="createNewProject" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <form id="formCreateNewProject">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Create new project</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>

neisdev

<style>
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');
</style>
<div class="side-pane">
  <p class="title-txt">
    Flowcite
  </p>
  <div class="mainpanel">
     <ul class="tab-panel">
       <li class="active">