Hi Venkata,
                To use Lightning Components for Visualforce, define component dependencies by referencing a Lightning dependency app. This app is globally accessible and extends ltng:outApp. The app declares dependencies on any Lightning definitions (like components) that it uses. Here’s an example of a simple app called lcvfTest.app. The app uses the <aura:dependency>tag to indicate that it uses the standard Lightning component, ui:button.
<aura:application access="GLOBAL" extends="ltng:outApp"> 
    <aura:dependency resource="ui:button"/>
</aura:application>

To reference this app, use the following markup where theNamespace is the namespace prefix for the app. That is, either your org’s namespace, or the namespace of the managed package that provides the app.

$Lightning.use("***theNamespace***:lcvfTest", function() {});

Creating a Component on a Page

 create your component on a page using $Lightning.createComponent(String type, Object attributes, Stringlocator, function callback). This function is similar to $A.createComponent(), but includes an additional parameter,domLocator, which specifies the DOM element where you want the component inserted.
Let’s look at a sample Visualforce page that creates a ui:button using the lcvfTest.app

<apex:page>
    <apex:includeLightning />

    <div id="lightning" />

    <script>
        $Lightning.use("c:lcvfTest", function() {
          $Lightning.createComponent("ui:button",
          { label : "Press Me!" },
          "lightning",
          function(cmp) {
            // do some stuff
          });
        });
    </script>
</apex:page>


Thanks,
Nirdesh.