Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

Projects in Awesome Lists by ruuuff

A curated list of projects in awesome lists by ruuuff .

https://github.com/ruuuff/proffy

Plataforma de estudos online que conecta alunos e professores.

html-css-javascript

Last synced: 12 Oct 2025

https://github.com/ruuuff/slider-framer-motion

Slider utilizando React.js e Framer Motion.

framer-motion nextjs reactjs tailwindcss

Last synced: 09 Apr 2026

https://github.com/ruuuff/arithmetic-progression

Calculadora de progressão aritmética.

html-css-javascript

Last synced: 12 Oct 2025

https://github.com/ruuuff/toast-notification

Botão que dispara notificações no canto da tela.

html-css-javascript

Last synced: 22 Jul 2026

https://github.com/ruuuff/responsive-fontsize-js

Adjust the font size depending on the size of the user's viewport.

font-size fonts javascript responsive

Last synced: 19 Jun 2026

https://github.com/ruuuff/touch-slider

Slider delizante com HTML, CSS e JavaScript.

html-css-javascript

Last synced: 12 Oct 2025

https://github.com/ruuuff/youtube-navbar

Barra de navegação do YouTube.

html-css-javascript

Last synced: 16 Feb 2026

https://github.com/ruuuff/todo-list

Todo List utilizando localStorage, do navegador.

css html javascript localstorage todolist

Last synced: 15 May 2026

https://github.com/ruuuff/website-reveal-animation

Animação relativa ao scroll do usuário utilizando a biblioteca GSAP.

animation gsap

Last synced: 16 Feb 2026

https://github.com/ruuuff/50-projects-in-50-days

Repositório dedicado à todos os projetos desenvolvidos no curso 50 Projects In 50 Days.

css html javascript

Last synced: 16 May 2026

https://github.com/ruuuff/drawing-app

Aplicação para desenhar.

html-css-javascript

Last synced: 02 Jul 2026

https://github.com/ruuuff/magnolia-papelaria

Codificação da UI com a finalidade de praticar o conteúdo que tenho estudado sobre ReactJS.

javscript react reactjs reactjs-components

Last synced: 16 May 2026

https://github.com/ruuuff/verify-account-ui

O projeto consiste em uma UI para verificação

css html javascript

Last synced: 17 May 2026

https://github.com/ruuuff/testimonial-box-switcher

Caixa de depoimento que troca o depoimento a cada interação da animação da barra de progresso.

css html javascript testimonial-switcher

Last synced: 18 May 2026

https://github.com/ruuuff/datasecurity-ui

Reprodução da homepage da página Data Security.

css html javascript ui-clone

Last synced: 18 May 2026

https://github.com/ruuuff/data-fetching

Data fetching with Axios and react-query

Last synced: 03 Jul 2026

https://github.com/ruuuff/netflix-navigation

Menu hamburguer animado.

css html javascript menu-navigation

Last synced: 18 May 2026

https://github.com/ruuuff/live-user-filter

rojeto utilizando a API Random User Generator para criar um filtro de usuários com JavaScript.

css html javascript

Last synced: 19 May 2026

https://github.com/ruuuff/3d-background-boxes

Background 3D desenvolvido no curso 50 Projects In 50 Days.

css html javascript responsiveadjust

Last synced: 19 May 2026

https://github.com/ruuuff/random-colorful-letter

Letras coloridas.

html-javascript

Last synced: 19 Feb 2026

https://github.com/ruuuff/faq-collapse

Área "perguntas frequentes" que se expandem exibindo a resposta.

html-css-javascript

Last synced: 19 Feb 2026

https://github.com/ruuuff/twitch-navbar

Reprodução da barra de navegação da Twitch.

html-css-javascript

Last synced: 19 Feb 2026

https://github.com/ruuuff/numbers-generator

Gerador de números utilizando React.

css number-generator react reactjs

Last synced: 11 Apr 2026

https://github.com/ruuuff/stripe-menu-clone

Clone do menu do site Stripe desenvolvido na série UI Clones, da Rocketseat.

framer-motion reactjs styled-components

Last synced: 11 Apr 2026

https://github.com/ruuuff/sticky-navbar

Barra de animação com uma animação ao dar scroll na página.

html-css-javascript

Last synced: 14 Jul 2026

https://github.com/ruuuff/hidden-search

Botão que exibe o input para pesquisas.

html-css-javascript

Last synced: 14 Jul 2026

https://github.com/ruuuff/rotating-navigation

Ao clicar na barra de navegação o container rotaciona para exibir as opções de navegação.

html-css-javascript

Last synced: 16 Jul 2026

https://github.com/ruuuff/button-ripple-effect

Animação de ondulação ao clicar no botão.

html-css-javascript

Last synced: 16 Jul 2026

https://github.com/ruuuff/moveit

Aplicação web para se exercitar inspirado na técnica de pomodoro.

nextjs reactjs typescript

Last synced: 13 Apr 2026

https://github.com/ruuuff/password-strength-background

Background com um blur que diminui conforme o comprimento da senha do usuário.

css html javascript tailwindcss

Last synced: 14 Apr 2026

https://github.com/ruuuff/scroll-animation

Animação do conteúdo aparecendo na tela enquanto o usuário desliza por ela.

html-css-javascript

Last synced: 12 Oct 2025

https://github.com/ruuuff/random-choice-picker

Faz um sorteio se baseando nos itens passados na caixa de texto.

html-css-javascript

Last synced: 12 Oct 2025

https://github.com/ruuuff/notes-app

Aplicação para notas desenvolvido no curso 50Projects In 50Days. 📝

css html javascript

Last synced: 18 May 2026

https://github.com/ruuuff/jobscalc

Last synced: 22 Jul 2026

https://github.com/ruuuff/kinetic-loader

Animação de loading com HTML e CSS.

html-css

Last synced: 12 Oct 2025

https://github.com/ruuuff/insect-catch-game

Jogo para capturar insetos, utilizando JavaScript nas funções.

css html insect-catch-game javascript

Last synced: 18 May 2026

https://github.com/ruuuff/gerai-design-ui

Codificação da interface seguindo as diretrizes do protótipo.

css html

Last synced: 12 Oct 2025

https://github.com/ruuuff/hoverboard

Hoverboard desenvolvido no curso 50 Projects In 50 Days.

css hoverboard html javascript

Last synced: 16 May 2026

https://github.com/ruuuff/ecoleta

Ecoleta é uma plataforma que conecta coletores (empresas ou entidade) com pessoas que buscam descartar resíduos.

html-css-javascript

Last synced: 12 Oct 2025

https://github.com/ruuuff/feedback-ui-design

UI para receber feedbacks e utilizando Event Bubbling, do JavaScript, para as funções.

css event-bubbling html javascript

Last synced: 18 May 2026

https://github.com/ruuuff/easy-scroll-animation

Biblioteca utilizando JavaScript para facilitar a criação de animações de rolagem.

animations javascript lib scroll-animations

Last synced: 12 Oct 2025

https://github.com/ruuuff/drag-n-drop

Arrastando itens para outras caixas dentro da página.

html-css-javascript

Last synced: 14 Jul 2026

https://github.com/ruuuff/content-placeholder

Animação de loading do conteúdo.

html-css-javascript

Last synced: 12 Oct 2025

https://github.com/ruuuff/background-slider

Slider de imagens.

html-css-javascript

Last synced: 12 Oct 2025

https://github.com/ruuuff/animated-navigation

Barra de navegação escondida que, ao clicar, exibe seu conteúdo e altera o formato do ícone.

html-css-javascript

Last synced: 12 Oct 2025

https://github.com/ruuuff/progress-bar-animation

Barra de progresso animada conforme o usuário da scroll em uma seção do conteúdo na página.

javascript progress-bar-animation

Last synced: 20 Jul 2026

https://github.com/ruuuff/dad-jokes

Um "gerador" de piadas utilizando API do site Dad Jokes.

html-css-javascript

Last synced: 20 Jul 2026

https://github.com/ruuuff/form-wave

Animação de onda no label do input.

html-css-javascript

Last synced: 21 Jul 2026

https://github.com/ruuuff/counter-app

Clicks counter who generate a random number between 0 and the number of clicks. Developed with Android Studio.

Last synced: 21 Jul 2026

https://github.com/ruuuff/event-keycodes

Ao pressionar uma tecla, exibe a tecla pressionada junto de outras informações sobre ela.

html-css-javascript

Last synced: 22 Jul 2026

https://github.com/ruuuff/nextjs-form

Formulário utilizando React.js e Tailwind CSS.

formik-yup framer-motion nextjs react-confetti reactjs tailwindcss

Last synced: 04 Apr 2026

https://github.com/ruuuff/progress-steps

Indicador de etapas controlado por botões.

html-css-javascript

Last synced: 22 Jul 2026

https://github.com/ruuuff/nextjs-blog

Last synced: 24 Jul 2026

https://github.com/ruuuff/the-flash-ui

Desenvolvimento da interface The Flash seguindo as diretrizes do protótipo no Figma.

animations css html svg-animations the-flash

Last synced: 24 Jul 2026

https://github.com/ruuuff/blurry-loading

Uma tela de carregamento com um borrão que vai sumindo dependendo da porcentagem carregada.

html-css-javascript

Last synced: 24 Jul 2026

https://github.com/ruuuff/hyperspace-ui

UI Clone da página Hyperspace.

css html javascript ui-clone

Last synced: 13 May 2026

https://github.com/ruuuff/password-generator

Gerador de senhas, com opções de comprimento, letras minúsculas, letras maiúsculas, números e símbolos.

css html javascript

Last synced: 14 May 2026

https://github.com/ruuuff/custom-range-slider

Slider customizado desenvolvido no curso 50 Projects In 50 Days.

css custom-slider html javascript

Last synced: 14 May 2026

https://github.com/ruuuff/sound-board

Botões que emitem diferentes áudios.

html-css-javascript

Last synced: 29 Jun 2026

https://github.com/ruuuff/quiz-app

Quiz App.

css html javascript quizapp

Last synced: 14 May 2026

https://github.com/ruuuff/forty-ui

UI Clone da página Forty.

css html javascript ui-clone

Last synced: 15 May 2026

https://github.com/ruuuff/pokedex

Uma pokedex utilizando a PokeAPI.

css html javascript pokedex

Last synced: 15 May 2026

https://github.com/ruuuff/github-pages

Aplicação que exibe informações sobre perfis no GitHub (bio, repos, etc...).

css html javascript

Last synced: 15 May 2026

https://github.com/ruuuff/dev-finances

Aplicação para controle financeiro, utilizando HTML, CSS e JavaScript.

html-css-javascript

Last synced: 16 Feb 2026