BrokenCode

Free downloadable HTML, CSS, JavaScript projects and landing pages to be used in your personal or professional projects. New projects added every few days.

[BrokenCode @BrokenCodeWeb]

In this #JavaScript Project we will code a Hex Color Generator and automatically display a random HEX color that we can preview.
Source code 👉 https://t.co/C4IypuHJMv

#webDesign #uiDesign #website #frontEndDevelopment #webDeveloper #100DaysOfCode #css

[BrokenCode @BrokenCodeWeb]

Elegant weekly schedule using #CSS and then we’ll add the functionality with #JavaScript. We can add tasks by selecting the task and then assign it.
Source code 👉 https://t.co/C4IypuHJMv

#webDesign #uiDesign #website #frontEndDevelopment #webDeveloper #100DaysOfCode

[BrokenCode @BrokenCodeWeb]

After setting your budget you will be able to keep count of the number of item you are going to buy and the money you have left to spend
Source code 👉 https://t.co/C4IypuHJMv

#webDesign #uiDesign #website #frontEndDevelopment #webDeveloper #100DaysOfCode #css #javascript

[BrokenCode @BrokenCodeWeb]

Elegant and simple application to add and manage tasks where the user will be able to edit , delete or mark the task as important or complete.
Source code 👉 https://t.co/C4IypuHJMv

#webDesign #uiDesign #website #frontEndDevelopment #webDeveloper #100DaysOfCode #css #javascript

[BrokenCode @BrokenCodeWeb]

Landing page with live countdown. It can be used to launch a product or service on your website.
Source code 👉 https://t.co/C4IypuHJMv

#webDesign #uiDesign #website #frontEndDevelopment #webDeveloper #100DaysOfCode #css #javascript

[BrokenCode @BrokenCodeWeb]

Simple budget app to keep track of money earned and spent. We can add or remove items from the list and the budget will always be updated.
Source code 👉 https://t.co/C4IypuHJMv

#webDesign #uiDesign #website #frontEndDevelopment #webDeveloper #100DaysOfCode #css #javascript

[BrokenCode @BrokenCodeWeb]

Traffic Lights created from scratch and given a realistic look using only CSS. We use JavaScript to make the lights work.
Source code 👉 https://t.co/C4IypuHJMv

#webDesign #uiDesign #website #frontEndDevelopment #webDeveloper #100DaysOfCode #css #javascript

[BrokenCode @BrokenCodeWeb]

Slideshow that displays the progress of each slide with an animated progress bar. The slideshow autoplays and matches the progress bar length.
Source code 👉 https://t.co/C4IypuHJMv

#webDesign #uiDesign #website #frontEndDevelopment #webDeveloper #100DaysOfCode #css #javascript

[BrokenCode @BrokenCodeWeb]

Modern and simple dropdown menu with animated effect on hover. It prompts a list of options on hover with an elegant design.
Source code 👉 https://t.co/C4IypuHJMv

#webDesign #uiDesign #website #frontEndDevelopment #webDeveloper #100DaysOfCode #css #javascript

[BrokenCode @BrokenCodeWeb]

Clean and elegant pure CSS blog post card design with hover effect. Clicking anywhere inside the card will take you to the post.
Source code 👉 https://t.co/C4IypuHJMv

#webDesign #uiDesign #website #frontEndDevelopment #webDeveloper #100DaysOfCode #css #javascript

[BrokenCode @BrokenCodeWeb]

Elegant animated menu that opens smoothly thanks to #CSS transitions. The effect makes the menu expands first and delays display of the menu items.
Source code 👉 https://t.co/C4IypuHJMv

#webDesign #uiDesign #website #frontEndDevelopment #webDeveloper #100DaysOfCode #javascript

[BrokenCode @BrokenCodeWeb]

Form with animated inputs and a required email field. It also has an easily customizable auto slider.
Source code 👉 https://t.co/C4Iypuq8nV

#webDesign #uiDesign #website #frontEndDevelopment #webDeveloper #100DaysOfCode #css #javascript

[BrokenCode @BrokenCodeWeb]

Useful login card for quick switching with animation. Simple way to switch between login and forgot password area.
Source code 👉 https://t.co/C4IypuHJMv

#webDesign #uiDesign #website #frontEndDevelopment #webDeveloper #100DaysOfCode #css #javascript

[BrokenCode @BrokenCodeWeb]

Pricing table page that displays the checkout with the option you chose. If you change any of the options, the new plan updates
FREE download 👉👉 https://t.co/Uf7F1qAhzp

#webDesign #uiDesign #website #frontEndDevelopment #webDeveloper #100DaysOfCode #css #javascript

[BrokenCode @BrokenCodeWeb]

Full screen image slideshow and navigate through the images using the arrow icons. The thumbnails are wrapped inside a container.
FREE download 👉👉 https://t.co/Uf7F1qAhzp

#webDesign #uiDesign #website #frontEndDevelopment #webDeveloper #100DaysOfCode #css #javascript

[BrokenCode @BrokenCodeWeb]

Modern and clean web design landing page for a recipe searcher website with animated navigation menu and search input with select options.
FREE download 👉👉 https://t.co/Uf7F1qAhzp

#webDesign #uiDesign #website #frontEndDevelopment #webDeveloper #100DaysOfCode #css #javascript

[BrokenCode @BrokenCodeWeb]

Responsive portfolio landing page to showcase your projects. The user will be able to preview and get more information when hovered over.
FREE download 👉👉 https://t.co/Uf7F1qAhzp

#webDesign #uiDesign #website #frontEndDevelopment #webDeveloper #100DaysOfCode #css #javascript

[BrokenCode @BrokenCodeWeb]

@magda_sokol Appreciate the feedback 👏

[BrokenCode @BrokenCodeWeb]

Dynamic testimonial section where the quote is shown after the user has clicked on the corresponding picture. Only active testimonial is displayed.
FREE download 👉👉 https://t.co/Uf7F1qAhzp

#uiDesign #website #frontEndDevelopment #webDeveloper #100DaysOfCode #css #javascript

[BrokenCode @BrokenCodeWeb]

Create a full screen image slider that dynamically opens from the side with thumbnails to change the main image.
FREE download 👉👉 https://t.co/Uf7F1qAhzp

#webDesign #uiDesign #website #frontEndDevelopment #webDeveloper #100DaysOfCode #css #javascript