Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

JSX (JavaScript XML)

JSX is an XML-like syntax extension to ECMAScript without any defined semantics that allows creation of DOM trees. Being a syntactic sugar, JSX is generally transpiled into nested JavaScript function calls structurally similar to the original JSX.

https://github.com/mukundkumra/react-component-generator

A simple CLI tool to quickly generate React component folders with JSX and CSS files. The package scaffolds a folder with a React component template that includes imports for the CSS file and a functional component ready for editing.

cli component css generator jsx react scaffold tool

Last synced: 01 Nov 2024

https://github.com/pranav016/todoist-react

Created with CodeSandbox. This is a ToDo list app with all of its frontend and logic implemented in React/ JSX.

css jsx react

Last synced: 05 Nov 2024

https://github.com/z347/javascript-php-feedbackform

Ready settings for processing the feedback form on the site. Front-end use - React and Back-end use - PHP.

fetch jsx mailserver php smpt

Last synced: 05 Nov 2024

https://github.com/linguini1/booking-app

A basic mobile booking app in react that makes use of the Material UI date and time pickers.

app booking booking-app css html jsx material-ui nuemorphic react react-app scss

Last synced: 11 Oct 2024

https://github.com/ubermanu/jhj

🦒 A CLI that parses and serves JSX files

cli jsx nodejs parser render serve

Last synced: 19 Oct 2024

https://github.com/kmyeaserarafat/blood-bank

This is a realllife demo blood bank web application. It's devlop by using html, css, react js, framework.

bootstrap css html java json json-api json-server jsx react react-bootstrap react-bootstrap-components

Last synced: 10 Oct 2024

https://github.com/kavinthangavel/edu_admit_connect

Edu Admit Connect (Online College Admission Portal)

js jsx vite-react

Last synced: 03 Nov 2024

https://github.com/brokeboiflex/jar-preact

JAR - a JSX Abstract Router

jsx preact react router

Last synced: 09 Oct 2024

https://github.com/katelim215/goit-react-hw-01-components

React Homework 1 Live Page

components css-modules jsx

Last synced: 15 Oct 2024

https://github.com/h-campos/api-weather

Weather application 🌤️

javascript jsx react styled-components weather-api

Last synced: 28 Oct 2024

https://github.com/andregoncalves/stencil-countrylist

st-countrylist is a web component built with Stencil to generate a country list drop down (select) element.

countries country-picker jsx stencil webcomponents

Last synced: 12 Oct 2024

https://github.com/anthony-2003/wild-oasis-proyect

This project is a hotel booking management system designed for administrative staff to efficiently handle reservations and manage hotel operations.

jsx react react-form-hook react-query react-router supabase supabase-auth

Last synced: 11 Oct 2024

https://github.com/saber2pr/tsx

a tsx renderer for the browser and node.js

jsx react tsx

Last synced: 11 Oct 2024

https://github.com/saber2pr/quick

quick blog page.

demo jsx

Last synced: 11 Oct 2024

https://github.com/dauntlessdev/styled-component

scss practice

css jsx react scss

Last synced: 27 Oct 2024

https://github.com/syarul/luax

Shallow React createElement implementation in LUA, support JSX like syntax parsing

ast dsl jsx jsx-syntax lua react

Last synced: 11 Oct 2024

https://github.com/pavlevujicic/calculator-miniproj

Simple and intuitive calculator built using React.

css javascript jsx reactjs

Last synced: 11 Oct 2024

https://github.com/mdbootstrap/react-dialog

Responsive React Dialog built with Bootstrap 5. Examples of dialog box UI for confirm & reject dialog popups, alert dialogs & more.

bootstrap bootstrap-modal bootstrap-template bootstrap-theme bootstrap5 css html jsx react-bootstrap react-modal reactjs

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/country-finder

Country Finder application using React. This application allows users to search for countries, filter them by region, and view detailed information about each country. We will utilize React's hooks and context to manage state and theming, and we'll integrate with the REST Countries API

api country-finder css javascript jsx react web-development

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/crypto-finder

Cryptocurrencies are all the rage these days, and with the plethora of coins available, it’s essential to have a tool to easily search and view details about them. The Crypto Finder app does just that. Built with React.

api crypto-finder css javascript jsx react web-development

Last synced: 11 Oct 2024

https://github.com/mdbootstrap/react-select-with-custom-input

Responsive React Select with custom user input built with Bootstrap 5. Click on the Other option to input a custom value into the select.

bootstrap bootstrap-input bootstrap-react bootstrap-select bootstrap-template bootstrap-theme bootstrap5 css jsx react react-input react-select

Last synced: 11 Oct 2024

https://github.com/mdbootstrap/react-survey-form

React Survey forms built with Bootstrap 5 and HTML. A variety of pre-made surveys, including multiple choice, questionnaire, checkbox survey, modal survey & more.

bootstrap bootstrap-form bootstrap-react bootstrap-template bootstrap-theme bootstrap5 css jsx react react-form

Last synced: 11 Oct 2024

https://github.com/mdbootstrap/react-screen-sizes

Responsive React Screen Sizes built with Bootstrap 5. Check default pixel widths for different screen sizes supported by Bootstrap 5 responsiveness features.

bootstrap bootstrap-template bootstrap-theme bootstrap5 css html jsx react react-bootstrap reactjs

Last synced: 11 Oct 2024

https://github.com/quangv/dr-dom

r-dom div wrapper

jsx r-dom react

Last synced: 11 Oct 2024

https://github.com/shankscript/create-react-redux-boot

A boilerplate for React App with Redux

jsx react redux redux-thunk

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/calculator

This calculator project allows users to perform basic arithmetic operations like addition, subtraction, multiplication, and division. The calculator has a sleek, user-friendly interface, and it handles all the essential operations, including clearing the input, and show the calculations .

calculator css javascript jsx react web-development

Last synced: 11 Oct 2024

https://github.com/mdbootstrap/react-slider

Responsive React Sliders built with Bootstrap 5. Range slider bar with label or a carousel image slider? No matter what you are looking for, we've got you covered.

bootstrap bootstrap-template bootstrap-theme bootstrap5 css html jsx react react-bootstrap react-slider

Last synced: 12 Oct 2024

https://github.com/souvik-basak/portfolio

This portfolio website showcases my skills and projects as a Front-End Web Developer. It is designed with a focus on interactivity, smooth animations, and responsiveness. The site features a dynamic skills section, a draggable interface, and a fully functional contact form powered by EmailJS.

framer-motion gsap javascript jsx reactjs sass

Last synced: 11 Oct 2024

https://github.com/nadeetharuka/travel-website

This project is a responsive Travel and Tour website built using ReactJS. It provides users with an intuitive and clean interface to explore travel destinations, book tours, and get travel-related information. The website is designed with modern UI principles to enhance the user experience.

bootstrap css3 jsx reactjs tailwindcss

Last synced: 11 Oct 2024

https://github.com/ashmit4818/devops_resources_project

DevOps Resources Hub: A React app offering curated DevOps tutorials, automated via GitHub Actions.

container devops docker docker-image github github-actions javascript jsx material-ui react vercel

Last synced: 01 Nov 2024

https://github.com/kanzatahreem/bookstore

Web app built with React, Redux, and external API that allows users to display a list a books, add a new book, and remove the selected one.

api babel create-react-app ducks-pattern feature-folders javascript jsx react react-router reactjs redux reduxthunk reduxtoolkit webpack

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/joke-generator

This Joke Generator fetches a random joke from an API and displays it on the screen when the user clicks a button. It has a clean and minimalistic user interface, making it simple to interact with. This project teaches how to integrate APIs and manage component states in React.

api css javascript joke-generator jsx react web-development

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/expense-tracker

The Expense Tracker application allows users to keep track of their income and expenses. It helps manage financial data by categorizing and calculating income, expenses, and the total balance. This project showcases the use of React for managing state and handling user input efficiently.

css expense-tracker javascript jsx react web-development

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/qr_code_generator

The QR Code Generator allows users to create QR codes by entering content, adjusting the size, and selecting a background color. It utilizes a public API to generate the QR codes and displays them on the screen. Users can generate, view, and download QR codes for various purposes.

css javascript jsx qrcode-generator react web-development

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/todo-app

The Todo List application allows users to add, mark as completed, and remove tasks. It offers a clean interface for managing daily tasks. This project showcases how React can be used to manage the state of a simple yet dynamic application.

css javascript jsx react todo-app todo-list todo-list-app web-development

Last synced: 11 Oct 2024

https://github.com/atish28kumar03sahu2001/nextjs-web-dev-app-01

TrendScribe Blog App is a dynamic blogging platform built with Next.js 14, designed to offer a seamless user experience for both readers and writers. The app features a sleek, responsive design, allowing users to easily browse and publish blog posts.

apiroute blogapp css javascript jsx mongodb mongoose nextjs14 responsive-web-design serveractions

Last synced: 13 Oct 2024

https://github.com/giulic3/giulic3.github.io

My serious not so serious personal website

css gatsbyjs github-pages html javascript jsx reactjs

Last synced: 05 Nov 2024

https://github.com/abhishekgurjar-in/quiz-website

The Quiz Website allows users to answer multiple-choice questions and get instant feedback on their selections. At the end of the quiz, users are shown their scores along with the correct answers.

css javascript jsx quiz-website react web-development

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/password-validator

The Password Validator checks the strength of the user's password in real-time and provides feedback on whether the password meets the criteria for a strong password. The feedback is displayed below the input field, encouraging users to create more secure passwords.

css javascript jsx password-validator react web-development

Last synced: 11 Oct 2024

https://github.com/passioninfinite/reactnd-myreads

MyReads Project of React Nanodegree.

javascript jsx react

Last synced: 11 Oct 2024

https://github.com/saicharanuvaraj/tictactoe-react-game

A well designed Tic Tac Toe (XO) game for browsers created using vite powered reactjs and tailwind css with xo game logic

game google-fonts html-css-javascript jsx reactjs tailwindcss vite

Last synced: 11 Oct 2024

https://github.com/thitikorn-nupan/react-and-vite-core-base-typescript

anythings same the last react project but this i keep to use typescript language (it's better performance)

bootstrap5 css html5 javascript jsx react tsx typescript vite

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/loop-studio

Loop Studio is an immersive website designed to showcase various virtual reality (VR) projects. Using React, we can efficiently manage and render different components to build a cohesive and interactive user experience.

javascript jsx loop-studios react web-development

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/lyrics-finder

The Lyrics Finder allows users to search for song lyrics by entering the song title and artist name. It fetches the lyrics from a public API and displays them on the screen. Users can quickly find and read the lyrics of their favorite songs.

api css javascript jsx lyrics-finder react web-development

Last synced: 11 Oct 2024

https://github.com/sahiltiwariiii/reactcountriesproject

This is country project with the help of reactjs

css javascript jsx react-router-dom reactjs

Last synced: 11 Oct 2024

https://github.com/susanta0/infinite_set_susanta

Welcome to the Infinite-Set website. This frontend application was built to replicate the functionalities of this assignment. The project was developed over a span of two days as an individual effort, utilizing a modern tech stack with a focus on responsive design.

jsx jvascript react-apexcharts reactjs tailwindcss

Last synced: 11 Oct 2024

https://github.com/ksanthoshfsd/react-routes-task

ROAD MAP DAY 26 MY TODO TASK 16 COMPLETED

components css html jsx pages reactjs reactrouterdom router routes

Last synced: 11 Oct 2024

https://github.com/animatable-js/animatable_jsx

This extension package of animatable-js allows for easy and lightweight implementation of linear or curved animations in a JSX/TSX environment.

animatable-js jsx react

Last synced: 11 Oct 2024

https://github.com/sidd0894/react-application-form

An application form made with react

application-form form jsx react

Last synced: 11 Oct 2024

https://github.com/mskian/preact-markdown-editor

A Simple and Flexible Markdown Post Editor with Writing Tools and Preview Mode.

bulma html jsx markdown markdown-editor markdown-previewer marked preact preact-markdown preact-markdown-editor tailwindcss tsx typescript vite

Last synced: 11 Oct 2024

https://github.com/dharanchilukuri/todolist-crud

todo list app to manage tasks

jsx parcel reactjs tailwindcss usestate-hook

Last synced: 11 Oct 2024

https://github.com/techycode-01/currency_converter

Currency Converter is a web application built with React, Vite, and Tailwind CSS. It enables real-time currency conversion and supports currency selection and amount input with a user-friendly interface.

hooks jsx reactjs tailwind-css

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/sunnyside-agency

The Sunnyside Agency website is designed to highlight the services, projects, and testimonials of a creative agency. It features a clean, professional design with smooth scrolling and responsive layouts. The website includes the following sections

css javascript jsx react sunnyside sunnyside-agency-landing-page web-development

Last synced: 11 Oct 2024

https://github.com/deepanagarjan/add-to-cart-task

DEEPA ENTERPRISES add to cart using react and jsx

bootstrap5 html5 jsx npm-package reactjs responsive-design

Last synced: 11 Oct 2024

https://github.com/ksanthoshfsd/react-usecontext-task

ROAD MAP DAY 28 MY TODO TASK 17 COMPLETED

components css html jsx reactjs usecontext-hook

Last synced: 11 Oct 2024

https://github.com/mskian/water-tracker-app

Water Tracker : Track your daily water intake and stay hydrated.

css html hydrated hydration javascript jsx localstorage tailwindcss tsx typescript vite water water-intake water-tracker

Last synced: 11 Oct 2024

https://github.com/thiagoaugusto1806/alura-codeconnect

Site desenvolvido no curso Alura "React: construíndo componentes com JSX"

babel jsx react react-hooks

Last synced: 11 Oct 2024

https://github.com/smailen5/portfolio-website

Sito portfolio e di presentazione, qui e possibile vedere una parte dei miei lavori e i progetti in corso

jsx nextui react tailwind vite

Last synced: 11 Oct 2024

https://github.com/samedshukurov/portfolio

My Portfolio

css3 html5 js jsx react vite

Last synced: 11 Oct 2024

https://github.com/miro-wq/goit-react-hw-01-components

This homework task project is a comprehensive social media dashboard composed of several key components that demonstrate fundamental concepts in React development.

component-based css friend-list frontend json jsx modular-code profile-component props-type react react-components-and-css-modules social-media statistics transaction-history ui web-development

Last synced: 11 Oct 2024

https://github.com/deanhdz/little-lemon

Proyecto final desarollado en React para el curso de "Desarrollador front-end de Meta Professional Certificate".

css html javascript jsx react

Last synced: 11 Oct 2024

https://github.com/wasifbaliyan/coda-frontend-task

I have created this task for the Coda Superhero Frontend Hiring challenge

css3 fetch jsx react-hooks react-router-dom reactjs

Last synced: 11 Oct 2024

https://github.com/prabhas9346/notes-repoel

I'm thrilled to share my latest project, Quick Keep Notes – a single-page, full-stack note-taking application that allows users to jot down their thoughts, ideas, and reminders quickly and efficiently.

expressjs html-css-javascript jsx netlify nodejs react-router react-router-dom reactjs render sqlite

Last synced: 11 Oct 2024

https://github.com/rogeriopvl/if.jsx

🤔 Simple if condition helper for JSX

conditional-statements if jsx react

Last synced: 23 Oct 2024

https://github.com/khaimyk/storecopy

In the process of project implementation

css javascript jsx mobx react scss

Last synced: 11 Oct 2024

https://github.com/janumedia/react-basic-with-minimal-setup

React basic with minimal setup without using 'create-react-app'

babeljs es2015 es6 jsx pure-function pure-function-compo reactjs scss webpack

Last synced: 11 Oct 2024

https://github.com/arzoka/svg-component-package

Package that returns certain SVGs as React components

javascript javascript-library js jsx npm-package progress-bar svg ts tsx typescript

Last synced: 12 Oct 2024

https://github.com/csabbah/next-ts-tiktokclone

TikTok clone is a social media app that lets users explore and discover content and profiles. Users can log in with Google Authorization, like, comment, and upload posts. It's optimized for desktop and mobile, uses Sanity for data persistence, and built with TypeScript for a great user experience.

axios css googleauth html javascript jsx jwt-decode nextjs nodejs react react-icons sanity tsx typescript vercel zustand

Last synced: 24 Oct 2024

https://github.com/cristianv0117/over-app-front

FRONT OVER APP NEXT JS AND TYPESCRIPT

bootstrap5 css3 html jsonwebtoken jsx nextjs reactjs spa typescript

Last synced: 11 Oct 2024

https://github.com/patryk-majchrzak/personal_homepage

Personal homepage which lists set of my technical skills and what I would like to learn in the future. It can be treated as an addition to my CV. Check it out!

api i18next javascript jsx react-i18next reactjs redux redux-saga redux-toolkit styled-components

Last synced: 14 Oct 2024

https://github.com/mahammad-mostafa/retink-home-page

Responsive home page for Retink media using ReactJS with Hooks. Implemented some css animations and hovering interactions.

css-flexbox css-grid css3 hooks html html-css-javascript html5 javascript js jsx react react-hooks reactjs responsive-layout

Last synced: 18 Oct 2024

https://github.com/mahammad-mostafa/hello-react-front-end

This is the third project in the full stack capstone of the Microverse program. It is an exercise for using React & Redux as a frontend for a simple page app.

es6-javascript eslint frontend-web gitflow-workflow jsx microverse microverse-projects microverse-students react-hooks react-redux react-router react-router-dom reactjs redux redux-thunk redux-toolkit responsive-layout stylelint webpack

Last synced: 18 Oct 2024

https://github.com/mcnallydev/react-md-switch

React Component Material Design Switch.

javascript jsx react

Last synced: 11 Oct 2024

https://github.com/vaibhavdixit09/taskmanagemnetfrontend

TaskMaster Pro - Advanced Task Management System with Google Authentication

cron cryptography css3 expressjs javascript jsx mongodb nodejs passportjs reactjs

Last synced: 11 Oct 2024

https://github.com/adityaghode92/movie-recommendation-app

Movie Recommendation System based on TMDB API

jsx reactjs reduxjs reduxjs-toolkit tailwindcss

Last synced: 11 Oct 2024

https://github.com/abhishekgurjar-in/fylo-cloud-storage

The Fylo frontend website showcases a sleek and user-centric design, emphasizing simplicity and ease of use for cloud storage and file management. This frontend is crafted to offer an engaging and intuitive user experience, providing essential functionalities such as file upload, sharing.

css fylo-data-storage fylo-landing-page javascript jsx react web-development

Last synced: 11 Oct 2024

https://github.com/soorajvp/basic-next.js

Basic Nextjs Application for learing the routing mechanics, rendering techniques with server side rendering .

ap clientside-rendering jsx nexjs server-side-rendering tailwindcss

Last synced: 11 Oct 2024

https://github.com/aayushyadavz/react-basics-notes

Basically in this repo you will find the React topic wise codes with notes on every line of code. Beginner friendly React notes, you can learn, revise e.t.c.

babel complex-state components-react destructuring-objects expressions jsx reactjs spread-operator usestate-hook

Last synced: 11 Oct 2024

https://github.com/roydukkey/jsx-destruct

This tiny package allows you to unpack values directly in JSX statements

destructuring jsx

Last synced: 13 Oct 2024

https://github.com/saulwolfdev/react-review

Todo list, repaso de conceptos en la nueva versión de React

arrow-functions async-await destructuring filter json jsx map npm prop-types react

Last synced: 11 Oct 2024

https://github.com/andrei-markeev/timerquiz

Simple quiz application built with Node.js, MongoDb and server-side JSX-templates. https://timerquiz.vercel.app

jsx mongodb node-js quiz-application typescript

Last synced: 15 Oct 2024

JSX (JavaScript XML) Awesome Lists
awesome-preact 137 awesome-solid-js 193 hyperawesome 71
JSX (JavaScript XML) Categories
Uncategorized 232 Resources 134 📦 Components & Libraries 120 Utilities V1 17 Articles & Tutorials V1 10 Boilerplates V1 9 Utilities 8 Examples V1 8 Official Resources 6 Articles & Tutorials 4 Starters 3 Other V1 2 Examples 2 🛠️ Tooling 1 Testing V1 1 Applications 1