Project Notebook is an integrated note taking + task management system with out of the box dashboards for each project to track progress
This dashboard was built for Energy Outreach Colorado in order to visualize the energy assistance requirements of various colorado counties.
Comrad is an open-source web application for use by community radio stations that helps with crucial show scheduling and playlist entry to organize all on air and streaming processes for hosts and DJ’s.
ideaLab is a queuing app for 3D printing. It includes a user-facing form that allows the user to request a print job. It also consists of an employee-facing app that will enable them to change the statuses of print jobs, view print jobs, and modify print jobs. The web app is frontend React and backend Java Spring.
The Habitat for Humanity group contacts project is a URL shortening service that connects with their VolunteerHub scheduling system. It allows their admin to send out up-to-date contact information to their group leaders with a sharable link that will query VolunteerHub on the backend.
This effect produces an animated venn diagram of blurry shapes behind the primary object. It provides a cool animation to highlight the page.
This tile grid provides a responsive layout with a cool demonstration of how to position the grid layout with TailwindCSS
Want to add a cool gradient or highlight to your text? Tailwind box decoration utilities are the way to do it!
Tailwind provides a bunch of utilities to blend images together in order to create cool effects!
This background gradient provides a cool glowing effect to highlight content on the page. Looks especially cool for dark mode!
This recreation of iOS 15 for the iPhone provides a great set of tools for positioning content, flex boxes, grid, and adding stylized content, along with cool layer and opacity effects.
If you are a fan of Wes Bos' "Fullstack Advanced React & GraphQL" course, this is is an example of how to recreate the projects home page using tailwind and flex box components.
Tailwind provides helper utilities to make custom forms with beautiful styling. Using the plugin is a must to create a clean interface.
On top of using the TailwindCSS form plugin, animated labels can be made for the various form input boxes.
Tailwind and Headless UI help generate both beautiful and accessible menus + components.
The switch is another great example of accessible components to build a toggle switch.
Stacking and z-index can sometimes be hard. Tailwind has some great utilities, along with isolation, to help with blending and positioning content.
All major services are implementing stories with cool pictures and gradients. Tailwind can implement it too!
Looking for a new look / cool filter for photos and components. Tailwind implements many backdrop filters to help created stylized photos directly in the browser.
Want themes and dark mode for your components? Pick your primary and secondary colors and let Tailwind do all the heavy lifting.
