replicate-javascript
shadcn/ui
replicate-javascript | shadcn/ui | |
---|---|---|
8 | 164 | |
426 | 60,675 | |
4.7% | 5.4% | |
8.9 | 9.1 | |
3 days ago | 3 days ago | |
TypeScript | TypeScript | |
Apache License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
replicate-javascript
-
Ask HN: Who is hiring? (June 2024)
Replicate (YC W20) | San Francisco, CA + Remote | https://replicate.com/
Replicate makes it easy to run AI in the cloud. You can run a big library of open source models with a few lines of code, or deploy your own models at scale.
We're an experienced team from Spotify, Docker, GitHub, Heroku, Apple, and various other places. We're backed by a16z, Sequoia, Andrej Karpathy, Dylan Field, Guillermo Rauch.
We're hiring:
- An infrastructure engineer
- An expert at deploying and optimizing language models
- An engineer who is good at humans to look after our customers
... and more: https://replicate.com/about#join-us
Email us: [email protected]
-
Building a Retrieval-Augmented Generation Chatbot with SvelteKit and Xata Vector Search
import { experimental_buildLlama2Prompt } from 'ai/prompts'; // Now use Replicate LLAMA 70B streaming to perform the autocompletion with context const response = await replicate.predictions.create({ // You must enable streaming. stream: true, // The model must support streaming. See https://replicate.com/docs/streaming model: 'meta/llama-2-70b-chat', // Format the message list into the format expected by Llama 2 // @see https://github.com/vercel/ai/blob/99cf16edf0a09405d15d3867f997c96a8da869c6/packages/core/prompts/huggingface.ts#L53C1-L78C2 input: { prompt: experimental_buildLlama2Prompt([ { // create a system content message to be added as // the llama2prompt generator will supply it as the context with the API role: 'system', content: systemContext }, { // create a system instruction // make sure to wrap code blocks with ``` {% endraw %} so that the svelte markdown picks it up correctly role: 'assistant', content: {% raw %}`When creating repsonses sure to wrap any code blocks that you output as code blocks and not text so that they can be rendered beautifully.`{% endraw %} }, // also, pass the whole conversation! ...messages ]) } }); {% raw %}
-
Wasp x Supabase: Smokin’ Hot Full-Stack Combo 🌶️ 🔥
We used Replicate to run the models and the cost so far is 26 cents for 90 cards — which means it’s less than a third of a cent per card!
-
Tap into 17 LLMs with a Single API – Free with Unlimited Tokens
Basically https://replicate.com/
Because it happens when running your own models on localhost too. I have ollama and all the ones they support, but there are some on HuggingFace I run through llama.cpp inside apps where I won't have ollama installed, Replicate also has Stable Diffusion models, not just chat ones, and OpenAI which is its own thing. So it could potentially all be unified under a provider like that.
Haven't actually tried Replicate because I'm just running locally for free, but probably would try to find a single cloud provider for all deployments, like a Heroku of LLMs.
-
SB-1047 will stifle open-source AI and decrease safety
It's very easy to get started, right in your Terminal, no fees! No credit card at all.
And there are cloud providers like https://replicate.com/ and https://lightning.ai/ that will let you use your LLM via an API key just like you did with OpenAI if you need that.
You don't need OpenAI - nobody does.
-
How to Estimate Depth from a Single Image
In this section, we’ll show you how to generate MDE depth map predictions with both DPT and Marigold. In both cases, you can optionally run the model locally with the respective Hugging Face library, or run remotely with Replicate.
-
Building a self-creating website with Supabase and AI
Built with Supabase, Astro, Unreal Speech, Stable Diffusion, Replicate, Metropolitan Museum of Art
-
From Chaos to Clarity with AI-driven Categorization
Now that we understand the process, let’s take a look at the actual code. The first step is simply importing our dependencies. Note that we will be using the replicate npm package, which you can install with npm i replicate.
shadcn/ui
-
Tailwind CSS vs. Shadcn: Which Should You Choose for Your Next Project?
A component library called Shadcn provides pre-made, usable components. Consider it as a toolbox full of interchangeable construction pieces that you can add to your project, such as buttons, cards, and modals.
-
shadcn-ui/ui codebase analysis: examples route explained.
This is how you are able to see the Mail example with out any change in the URL when you visit ui.shadcn.com, it just directly loads MailPage component. Interesting.
- Shadcn/ui codebase analysis: site-header.tsx explained.
-
Shadcn-ui codebase analysis: How is the hero section built on ui.shadcn.com website?
I wanted to find out how the hero section is developed on ui.shadcn.com, so I looked at its source code. Because shadcn-ui is built using app router, the files I was interested in were Layout.tsx and page.tsx.
-
Shadcn-ui codebase analysis: Perfect Next.js dark mode in 2 lines of code with next-themes.
So I wanted to figure out how ui.shadcn.com implemented dark mode on their website. I looked at its source code. These things usually lie in providers.
- “Mail” example in shadcn-ui/ui manages state using Jotai.
-
app/(app) route group in shadcn-ui/ui
You can tell shadcn-ui/ui is built using app router by looking at its folder structure inside apps/www.
-
Mysterious /sink route in ui.shadcn.com
All these folders in the above image are pages that can be navigated to via the header on https://ui.shadcn.com/ website. However, I could not find the header link that points to /sink in the header
-
OpenAI Assistant with NextJS
I assume you know how to create a NextJS project. In this project, I use NextJS with Shadcn UI.
-
Frontend resources! 🚀
ShadCn: Elevate your UI with sleek and elegant components
What are some alternatives?
daisyui - 🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
nextui - 🚀 Beautiful, fast and modern React UI library.
material-ui-docs - ⚠️ Please don't submit PRs here as they will be closed. To edit the docs or source code, please use the main repository:
flowbite - Open-source UI component library and front-end development framework based on Tailwind CSS
mantine - A fully featured React components library
antd - An enterprise-class UI design language and React UI library
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
primitives - Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
vanilla-extract - Zero-runtime Stylesheets-in-TypeScript
panda - 🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅