A Pen by Aybüke Ceylan on CodePen.
neisdev
neisdev
/ index.html
Created
February 20, 2023 13:01
React Hooks: Employee CRUD using React Context and Tailwind CSS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="app"></div> |
neisdev
/ figma-dark-light-mode-switch.markdown
Created
February 17, 2023 23:43
Figma Dark/Light Mode Switch
neisdev
/ css-grid-layout-overflow-body.markdown
Created
January 20, 2023 12:42
css grid layout overflow body
neisdev
/ drag-and-drop-example-using-alpinejs-and-tailwindcss.markdown
Created
January 19, 2023 12:44
Drag and Drop example using AlpineJS and TailwindCSS
neisdev
/ index.html
Last active
January 3, 2023 07:56
Sorting/Drag&Drop Demo Using AlpineJS + TailwindCSS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="min-h-screen justify-center flex p-16 bg-blue-200"> | |
| <div> | |
| <!-- This is a revised version. See the original clunky version here: https://codepen.io/KevinBatdorf/pen/ff805cf637420bcbb2caa9d199527247?editors=1010 --> | |
| <p class="mb-10 text-center">Drag & drop or press the menu icon button <br>(or use your tab key)</p> | |
| <div class="pt-6 pb-4 bg-indigo-500 rounded-lg shadow-xl max-w-sm"> | |
| <h1 id="agenda-title" class="text-white font-extrabold text-lg p-6 pt-0">What's the agenda for today?</h1> | |
| <ul |
neisdev
/ admin-dashboard-tailwind-alpinejs.markdown
Created
December 20, 2022 15:09
Admin Dashboard (Tailwind & Alpinejs )
Admin Dashboard using TailwindCss and AlpineJs. Sticky sidebar Sticky top navbar
A Pen by Fares Arnous on CodePen.
neisdev
/ alpine-js-double-click-to-edit.markdown
Created
December 19, 2022 10:31
Alpine.js Double Click to Edit
A Pen by Ryan Chandler on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Nav Bar --> | |
| <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-custom fixed-top"> | |
| <!-- Collapse toggler button --> | |
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav" aria-controls="basicExampleNav" aria-expanded="false" aria-label="Toggle navigation"> | |
| <div class="hamburger-containter"> | |
| <span class="icon-bar bar1"></span> | |
| <span class="icon-bar bar2"></span> | |
| <span class="icon-bar bar3"></span> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="map-canvas"></div> | |
| <ul class="overlay"> | |
| <h3>49 incidentes em Porto Alegre</h3> | |
| </ul> | |
| <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false" type="text/javascript"></script> |
neisdev
/ index.html
Created
November 16, 2022 14:22
Sorting/Drag&Drop Demo Using AlpineJS + TailwindCSS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="min-h-screen justify-center flex p-16 bg-blue-200"> | |
| <div> | |
| <!-- This is a revised version. See the original clunky version here: https://codepen.io/KevinBatdorf/pen/ff805cf637420bcbb2caa9d199527247?editors=1010 --> | |
| <p class="mb-10 text-center">Drag & drop or press the menu icon button <br>(or use your tab key)</p> | |
| <div class="pt-6 pb-4 bg-indigo-500 rounded-lg shadow-xl max-w-sm"> | |
| <h1 id="agenda-title" class="text-white font-extrabold text-lg p-6 pt-0">What's the agenda for today?</h1> | |
| <ul |