To-Do List with Alpine.js
A to-do list with alpine.js built with modern frontend techniques for responsive and reusable UI.
To-Do Lists
8 snippetsWelcome to the To-Do Lists resource page — a curated directory for developers. Browse practical UI patterns, specialized libraries, and small interactive demos. Use the table of contents to explore subcategories below.
javascript-to-do
Snippets(8)
List Styles 2A list styles 2 built with modern frontend techniques for responsive and reusable UI.
List StylesA list styles built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerFeatures
gradient theme, nested hierarchyResponsive
Yes
Grow Up, They Said...A grow up, they said... built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3, JavaScript, SassDifficulty
IntermediateFeatures
3D Transforms, Staggered Entrance, Interactive CardsResponsive
Yes
To-Do ListA to-do list built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS, JavaScriptDifficulty
BeginnerFeatures
Paper effect, Skew transformation, Interactive checkboxesResponsive
Yes
Little DetailsA little details built with modern frontend techniques for responsive and reusable UI.
Difficulty
intermediateFeatures
nested lists, hover reveal, custom markers, tooltipsResponsive
Yes
Interactive Morphing Task List ItemA interactive morphing task list item built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, SCSS, JavaScriptDifficulty
AdvancedBrowser support
Modern BrowsersFeatures
SVG Morphing, Audio Feedback, Micro-interactionsResponsive
Yes
To-Do List App with ES6A to-do list app with es6 built with modern frontend techniques for responsive and reusable UI.
Technologies
ES6, CSS3, HTML5Difficulty
IntermediateFeatures
Task Filtering, Responsive Design, Single-Page ApplicationResponsive
Yes