dcryptoniun / brainless-ui

Open Source Tailwind CSS Prebuild Components

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

brainless-ui's Issues

Links not working

The part of the page where the style classes for links should have been displayed, is currently not working. It instead continues to show the same buttons classes.

Update readme

The README.md file is important for any project as it provides essential information about the project, such as its purpose, installation instructions, usage guidelines, and contribution guidelines. However, the current README.md file is outdated and needs to be updated to reflect the current state of the project.

Proposed solution: Create a new branch for the project and update the README.md file to include the following information:

1. Project overview: Briefly describe the project and its purpose.

2. Installation instructions: A step-by-step guide on installing and setting up the project on a local machine. add both npm and yarn commands

3. Usage guidelines: A detailed explanation of how to use the project and its features.

4. Contribution guidelines: Guidelines on how to contribute to the project, including information on code style, issue reporting, and pull requests.

5. License information: A statement on the license under which the project is released.

Add More categories to button

please before adding check if the same categories already exist or not. if not

add here: app/data/button.js
after // add more categories

{
id: "6",
title: "Gradient Backgrounds",
description: "Buttons / Links with different gradient backgrounds",
elements: [
{
id: "14",
css: "bg-gradient-to-br from-pink-500 to-purple-500 text-white p-2",
},
{
id: "15",
css: "bg-gradient-to-br from-yellow-400 via-red-500 to-pink-500 text-white p-2",
},
// add more elements
],

Fix Copy to clipboard

Fix Copy to clipboard:
current state: changing svg when copied then reset to default svg after 3 seconds.
but it is changing for all elements not just copied one.

it should only be changed for copied one.

find it here: /app/(pages)/blocks/button-link/page.js

any questions feel free to ask.

Design New landing page

unleash your creativity.

for context
this repo is built with Nextjs 13 experimental app directory and tailwind CSS

Add more Blocks

Navbar, forms, footer, menus, etc. please raise the issue first.